用css可以改变table中的字体颜色,用到的工具,notepad++,示例代码如下:
用css控制table中字体的颜色,代码如下:
<style>.color{color:#ff0000}
</style>
<table><tr><td class="color">请用css给我着色红色</td></tr></table>
运行效果图:
注意事项:table的td本身就支持颜色简单属性。
可以使用css的border标签实现table的边框颜色,只要外面一圈,不要网格线。
具体步骤如下:
需要准备的材料分别是:电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件,css文件。
2、在ue编辑器中输入以下html代码。
3、在ue编辑器中输入以下css代码。
4、编辑完成以后,在ue编辑器中点击保存,格式选择UTF8无BOM。
5、在浏览器中打开此html文件,可以看到最终想要实现的table的边框颜色,只要外面一圈,不要网格线效果。
在CSS中可使用:nth-child()选择器来实现表格隔行变色效果。:nth-child()选择器用于根据元素在一组兄弟中的位置来匹配元素;它匹配第n个子元素。
语法:
其中arg是表示匹配元素的模式的参数;它可以是一个数字(number)、一个关键字(odd 或 even)或一个函数式。想要隔行设置表格的行颜色需要使用到关键字(odd 或 even),下面就来介绍一下:
● odd :表示位置为奇数的元素,即1,3,5等。
● even: 表示位置为偶数的元素,即2,4,6等。
示例1: 为在表中交替的偶数行设置颜色
效果图:
示例2: 为在表中交替的奇数行设置颜色
效果图:
更多 web开发 知识,请查阅 HTML中文网 !!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)