html 表格上下左右边框颜色各不同,怎么设置?

html-css045

html 表格上下左右边框颜色各不同,怎么设置?,第1张

html是一种网页代码,即在网页中显示的格式,当需要表格左右显示不同的颜色时,可以分开设置,如:

border-top:1px solid red

border-right:1px solid blue

border-bottom:1px solid orange

border-left:1px solid pink。

HTML简介:

HTML不是编程语言,是用来描述网页文档(页面结构)的一种标记语言;

HTML指超文本标记语言(Hyper Text Markup Language),之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。;

HTML规定了自己的语法规则,用来表示比“文本”更丰富的意义,比如图片,表格,链接等。浏览器 (IE,FireFox等)软件知道HTML语言的语法,可以用来查看HTML文档。目前互联网上的绝大部分网页都是使用HTML编写的。

1、新建一个html文件,命名为test.html。

2、在test.html文件中,使用table标签创建一个三行两列的表格,用于测试。

3、在test.html文件中,给table标签添加一个class属性,用于下面样式定义。

4、在css标签内,通过class定义tbale标签的样式。

5、在css标签内,使用border-spacing属性定义表格单元格之间边框的距离即可了。

直接写css

table{

border-left:1px solid #000//设置表格左边框为1像素实线黑色的边框

border-right:1px solid #000//设置表格右边框为1像素实线黑色的边框

border-bottom:1px solid #000//设置表格下边框为1像素实线黑色的边框

}