css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式

设置表格边框样式的方法：1、给table元素添加“border:边框宽度边框样式边框颜色”样式，可给整个表格设置边框样式；2、给td元素添加“border:边框宽度边框样式边框颜色”样式，可给每个单元格设置边框样式。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS如何设置table表格边框样式

对table设置css样式边框，分为几种情况：

1、只对table设置边框

2、对td设置边框

为了便于观察，均设置所有案例表格为1px实线红色边框为例；table宽度为400px;表格为三列三行，对以上情况表格外层加个p盒子，分别命名为“.table-a”、“.table-b”。

一、只对表格table标签设置边框

只对table标签设置border(边框)样式，将让此表格最外层table一个边框，而表格内部不产生边框样式。

案例详细如下：

对应css代码

.table-a table{

border:1px solid #F00

}

/* css注释：只对table标签设置红色边框样式 */

对应html代码片段

1	2	3
1	2	3
4	5	6

效果：

二、对td设置边框

对table表格td设置边框样式，表格对象内td将实现边框样式，但中间部分td会导致出现双边框。

对应css代码

.table-b table td{

border:1px solid #F00

}

/* css注释：只对table td标签设置红色边框样式 */

对应html源代码片段

1	2	3
1	2	3
4	5	6

效果：

学习视频分享：css视频教程

css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式相关推荐

java excel 边框颜色_poi生成excel整理(设置边框/字体/颜色/加粗/居中/)[转]
HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb.createSheet(); HSSFCellStyle setBorder = ...
java excel 边框颜色_poi生成excel整理(设置边框/字体/颜色/加粗/居中/)
转: 2016年12月02日 11:05:23 吃奶的牛阅读数:34324 HSSFWorkbook wb = new HSSFWorkbook(); HSSFSheet sheet = wb.cr ...
html表格怎么隐藏,互联网常识：html表格怎么隐藏行
html表格隐藏行的方法:1.在表格的tr(行)标签中,使用style属性添加"display:none"样式:2.在表格的tr(行)标签中,使用style属性添加"vi ...
html边框颜色不显示,关于html：Firefox中边框颜色显示不正确
我有一个问题,就是Firefox无法呈现正确的边框颜色,而像chrome这样的浏览器却能成功. 我希望绘制深紫色,但我要渲染浅粉红色. 这是准备绘制边框的代码: 评论列表类的CSS如下: .comme ...
css点击字变颜色_使用CSS颜色关键字
css点击字变颜色 One of the two oldest methods of applying color to web pages, named colors remain very use ...
HTML怎么设置左边外距5像素,互联网常识：css怎么设置左边距
css设置左边距的方法:1.使用margin-left属性,可以设置元素的左外边距,语法格式"margin-left:边距值;":2.使用padding-left属性,可以设置元素 ...
html边框颜色线性渐变,CSS线性渐变linear-gradient() 函数实现div边框四角样式
先看下要实现的效果. 四个角边框高亮 css代码实现红色框box-red样式,蓝色的只是变换了颜色.box-title是图上渐变实现. .box-red { background: linear-g ...
html设置一段文字颜色,用span css设置div内部分字体颜色
用span标签设置div内放一段文字中的一小部分文字字体色采方式. 一段笔墨放在DIV内或P内,当咱们配置div或p设置字体色彩,内里全体笔墨的字体色调就会变成咱们所配置字体色彩.通常会结构一段翰墨中 ...
html中表格内边框颜色,html表格边框颜色 Word中的表格如何设置表格内边框的颜色...
html 表格上下左右边框颜色各不同,怎么设置? html是一种网页代码,即在网页中显示的格式,当需要表格左右显示不同的颜色时,可以分开设置,如:border-top:1px solid red;bo ...

css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式

css设置html表格边框颜色,互联网常识：CSS如何设置htmltable表格边框样式相关推荐

最新文章

热门文章