新建一个html文件,命名为test.html,用于讲解如何使用css设置表格最后一行的样式 。
步骤2/6
在test.html文件内,使用table标签创建一个表格,用于测试。
步骤3/6
在test.html文件内,设置表格的class属性为mycc。
步骤4/6
在css标签内,通过class设置table的宽度为300px,高度为300px。
步骤5/6
在css标签内,再通过tr和选择器“:last-child”设置表格最后一行的样式,定义它的背景颜色为粉红色,文本颜色为白色。
步骤6/6
在浏览器打开test.html文件,查看实现的效果。
租借号上万账号出租「1元起租」大型专业租号平台
安徽省刀锋网络科技广告查看详情
1、使用table标签创建一个表格,设置表格的class属性为mycc。
2、在css标签内,通过class设置table的宽度为300px,高度为300px。
3、在css标签内,再通过tr和选择器“:last-child”设置表格最后一行的样式,定义它的背景颜色为粉红色,文本颜色为白色。
4、在浏览器打开test.html文件,查看实现的效果
1、新建一个html文件,命名为test.html。
2、在test.html文件内,使用table标签创建一个表格,并使用border属性设置表格的边框为1px。
3、在test.html文件内,使用tr、td两个标签创建表格为两行两列,代码如下。
4、在test.html文件内,编写<style type="text/css"></style>标签,页面的css样式将写在该标签内。
5、在css标签中,对table的td元素进行样式设置,使用padding属性设置单元格的间距为10px,即单元格的内边距为10px。
6、除了上面的方法外,还可以使用cellpadding属性直接在table标签内设置,实现单元格的间距定义。