怎么用CSS设置网页table边框样式
这就是设置了一个table的边框样式，边框宽度为1px、颜色为red的单线
至于solid这里，可以有以下选择：
none:表示没
solid：表示单线
double：表示双线
groove：表示凹槽
redge:表示皱纹
dotted:点线(貌似IE6下效果等同于dashed)
dashed:虚线
设置Table的细边框通常有这么几种方式：
1.使用css
2.使用ie中特有的属性,不支持除ie外的浏览器
3.整个表格的背景为黑色，每个单元格背景为白色，单无格间距为1,表格粗细为0
4.直接代码表示(一个style="BORDER-COLLAPSE:collapse"搞定)
扩展资料:
Table控件主要用于在web页面上创建表格，其功能与HtmlTable类似。不同的是，Table控件可以用动态的内容以编程的方式来生成表格。
定义整个表格，即表格的内容要放在和标记中；在中的主要属性：border属性显示表格的边框，width, height属性定义表格的大小。标记符用来定义表格的标题。
表格的表示以行为单位，在行中包含列。其中：一个...标记表示一行；一个...标记表示一列；... 定义表头，一般可以不用。
参考资料来源百度百科 table
1、只对table设置边框
2、对td设置边框
3、对table和td技巧性设置表格边框
4、对table和td设置背景，实现完美表格边框
以下DIVCSS5对以上几种实现html 表格边框样式进行讲解与案例演示。为了便于观察，divcss5均设置所有案例表格为1px实线红色边框为例；table宽度为400px;表格为三列三行，对以上四种情况表格外层加个div盒子，分别CSS命名为“.table-a”、“.table-b”、“.table-c”、“.table-d”。
一、只对表格table标签设置边框 - TOP
只对table标签设置border（边框）样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。
案例详细如下：
1、对应css代码
<style> .table-a table{border:1px solid #F00} /* css注释：只对table标签设置红色边框样式 */ </style>
2、对应html代码片段
<div class="table-a"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">站名</td> <td width="181">网址</td> <td width="112">说明</td> </tr> <tr> <td>DIVCSS5</td> <td>www.divcss5.com</td> <td>CSS学习</td> </tr> <tr> <td>CSS5</td> <td>www.css5.com.cn</td> <td>CSS切图</td> </tr> </table> </div>
二、对td设置边框 - TOP
对table表格td设置边框样式，表格对象内td将实现边框样式，但中间部分td会导致出现双边框。
详细案例教程如下：
1、对应css代码
<style> .table-b table td{border:1px solid #F00} /* css注释：只对table td标签设置红色边框样式 */ </style>
2、对应html源代码片段
<div class="table-b"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">站名</td> <td width="181">网址</td> <td width="112">说明</td> </tr> <tr> <td>DIVCSS5</td> <td>www.divcss5.com</td> <td>CSS学习</td> </tr> <tr> <td>CSS5</td> <td>www.css5.com.cn</td> <td>CSS切图</td> </tr> </table>
三、对table和td技巧性设置表格边框 - TOP
如上第二点，只对表格对象td设置单一边框样式，中间部分td与td标签之间就会出现双边框现象。
解决方法：对td只设置两个边的边框，对table也设置两个边的边框样式。
解释：对td设置左与上边框，这样td与td相邻就会只出现单一边框样式，这样就会出现表格右侧和下部没有边框，这个时候我们设置table右和下 边框解决显示右侧和下侧td剩下未显示边框。
1、对应css代码：
<style> .table-c table{border-right:1px solid #F00;border-bottom:1px solid #F00} .table-c table td{border-left:1px solid #F00;border-top:1px solid #F00} /* css 注释： 只对table td设置左与上边框； 对table设置右与下边框； 为了便于截图，我们将css 注释说明换行排版 */ </style>
2、对应html源代码片段：
<div class="table-c"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="105">站名</td> <td width="181">网址</td> <td width="112">说明</td> </tr> <tr> <td>DIVCSS5</td> <td>www.divcss5.com</td> <td>CSS学习</td> </tr> <tr> <td>CSS5</td> <td>www.css5.com.cn</td> <td>CSS切图</td> </tr> </table>
divcss布局设计?
1、在“分类”列表框中选择“方框”选项。2、在窗口右侧进行css规则定义，其中margin值的设置非常重要，“left”及“right”为auto，则可让div页面水平居中。3、单击“确定”按钮。五、创建div按钮 返回“插入div标签”，单对话框，单击“确定”按钮，完成div标签的插入 六、查看创建的div 将鼠标光标...
如何用DIV+CSS进行网页样式布局
在html网页编辑中，对于新手来讲，接触最多的就是div+css；那么如何使用div+css就行网页简单布局呢 一个网页设计时，我们可以将一个页面设置为头部，中间，和底部三部分； 头部有分为店招（logo）和导航等 中间既内容部分，内容也可一个整体，也可左右分离， 底部来页面结尾，一般写版权信息，友情链接...
css网页布局方式
1、一列布局：一般都是固定的宽高，设置margin : 0 auto来水平居中，用于界面显著标题的展示等。2、两列布局：说起两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。3、三列布局：两侧定宽中间自适应,首先设置父级元素的宽度，可以左...
Dreamweaver使用CSS样式表设置网页
通过使用 CSS 从而以像素为单位设置字体大小，还可以确保在多个浏览器中以更一致的方式处理页面布局和外观。CSS 格式设置规则由两部分组成:选择器和声明。选择器是标识已设置格式元素(如 P、H1、类名称或 ID)的术语，而声明则用于定义样式元素。在下面的示例中，H1 是选择器，介于大括号 ({}) 之间的...
如何用css制作网页如何用css制作网页鼠标图案
制作网页时，有四种方法可以添加Css样式。让我们来看看这四种方式:1.使用样式属性:直接将样式属性添加到单个组件标签。属性(attribute)2:设置值2；...} 例如:字体大小:9pt字体系列:行高:150 这种用法的好处是可以巧妙地将样式应用到各种标签上，缺点是没有整个文档的“统一性”。第二，使用样式标签:在...
在网页中使用css的几种方式
--> （2）使用“link（外部样式单）排版样式”：即你可以将多个页面的排版风格都用一个样式单文件控制。这个外部的样式单文件（一个扩展名是css的文本文件）将设定你所有网页的规则。如果你改变样式单文件中的某行，所有页面风格用这个css文件定义的页面都会随之改变。如果你的站点文件非常多，则这项...
在网页制作中,如何通过CSS为网页添加样式?请言简意赅的阐释一下,不要...
比如网页中一个p标签的样式是： 然后现在通过css控制页面就变成了： 然后在head标签中间写 .red{color:red;} 当然也可以把放在head里的css放到一个css文件中，通过 引用
css怎么写改网页内容css怎么写改网页内容的方法
1.打开html开发软件，新建一个html页面，然后在这个html页面上创建一个p>标签并添加一个class类(title)，然后给这个标签添加需要设置字体大小的文字。2.class类(title)字体大小。css代码：styletype=text\/css> .title{ font-size:50px;} p{text-align:center;} \/style> 3.保存html代码页面后，使用...
css代码在网页开发中如何使用?
在网页开发中插入北京图片使用的css代码是background，其用法为：background 简写属性在一个声明中设置所有的背景属性，可以设置如下属性：background-color；background-position；background-size；background-repeat；background-origin；background-clip；background-attachment；background-image 工具原料：编辑...
css布局框架?
运用这个CSS把DIV永远置于页面的底部利用绝对定位，然后设置底部距离为0。首先我们新建一个html页面，在这个html代码页面创建一个标签，同时给这个添加一个class类为footer。然后我们设置footer类，把div固定在底部。你好！给body加个父级属性，给bottom加个子级属性。然后设置bottom定位位置底部。例如body{...
迟剑阿苯： 对table设置css样式边框,分为几种情况: 1、只对table设置边框; 2、对td设置边框; 3、对table和td技巧性设置表格边框; 4、对table和td设置背景,实现完美表格边框. 代码如下: 1、只对table设置边框; <style> .table-a table{border:1px ...
兴宁区19787527436： 如何在css中给table设置边框 - ？
迟剑阿苯： <style type=＂text/css＂> table{border-left: 1px solid #666; border-bottom: 1px solid #666;} td{border-right:1px solid #666;border-top: 1px solid #666;} </style>
兴宁区19787527436： 用CSS设置Table的细边框的几种方法(2009 - ？
迟剑阿苯： 设置Table的细边框通常有这么几种方式:1、设置边框的BORDER=0 、cellspacing=1,设置Table的背景色为所要的边框色,再设置所有的td背景色为白色,这样细边框就显露出来了.这个方法有些邪气,看似不太正宗,但是也能达到效果,条...
兴宁区19787527436： 表格细边框的CSS样式怎么设置? - ？
迟剑阿苯： 指定的 为细边框,把放在中即可.一、首先新建表格,代码如下: . 二、在table里加css样式,代码如下:.三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间.单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离,border-collapse:collapse表示表格的两边框合并为一条即可.
兴宁区19787527436： 如何用css控制table的边框宽度和边框颜色 - ？
迟剑阿苯： 可以通过设置单元格元素td的边框样式来实现:1border: width style color; /*分别设置边框的粗细、样式和颜色*/示例如下: 在HTML代码中给出两个表格 有 志 者 事 竟 成苦 心 人 天 不 负分别设置不同的样式table{ /* 表格整体样式 */...
兴宁区19787527436： 表格细边框的CSS样式什么设置?详细一点 - ？
迟剑阿苯： 1.所有的均为细边框. table,table td,table th{border:1px solid #ff0000;border-collapse:collapse;}2.指定的为细边框,把放在中,用ID作索引,如下: #mdA table,#mdA table td,#mdA table th{border:1px solid #ff0000;border-collapse:collapse;}
兴宁区19787527436： 网页设计中CSS的表格单元格边框设置 - ？
迟剑阿苯： border:2px 3px 6px 9px 这个要加上 width才有效 border-width:2px 3px 6px 9px 四边框一同设置的数值不同的时候只能设置一个 color或者style或者widthborder-width:1px 2px 3px 4px;border-style: groove double dashed solid ;border-style: #000 #0fh #250 #fff ;
兴宁区19787527436： CSS如何定义表格边框? - ？
迟剑阿苯： CSS代码: font-size: 15px; width: 70%; margin:auto; text-align:center; font-size: 15px; border-width: 1; border:1px solid #cccccc; 注解:border 只定义外围边框,所以table要定义边框,包括内部边框要分别定义 table td的border试下 table {border:1px;</p><p>border-collapse:collapse;</p><p>}td{ border:1px;}
兴宁区19787527436： 如何用一个css定义表格边框 - ？
迟剑阿苯： 为table的tr、td标签设置边框属性即可 选择器可以使用:table tr, table td 边框属性名为:border table td { border: 1px solid #000; }用CSS设置表格的每个单元格,边框为1像素的黑色实线
兴宁区19787527436： 如何用样式表(CSS)定制表格边框 - ？
迟剑阿苯： 〈Table border=0 id=tb1 style=＂border:3px solid red＂〉〈tr〉〈td〉用样式表(CSS)定制表格的例子〈/td〉〈/tr〉〈/Table〉
