Css基本样式————综合设计：表格的制作

<table id="tb"><tr><th>姓名</th><th>年龄</th><th>性别</th></tr><tr><td>小王</td><td>20</td><td>男</td></tr><tr class="alt"><td>小王</td><td>20</td><td>男</td></tr><tr><td>小王</td><td>20</td><td>男</td></tr><tr class="alt"><td>小王</td><td>20</td><td>男</td></tr>
</table>#tb{border-collapse: collapse;width: 500px;
}
#tb td,#tb th{border: 1px solid bisque;padding: 5px;
}
#tb th{text-align: left;background-color: aqua;color: #ffffff;
}
#tb tr.alt td{color: black;background-color: aquamarine;
}

转载于:https://blog.51cto.com/11317783/1771986

Css基本样式————综合设计：表格的制作相关推荐

web前端 html+css+javascript游戏网页设计实例 (网页制作课作业)
学生HTML个人网页作业作品 HTML+CSS+JavaScript环保页面设计与实现制作
纯css打造漂亮的html表格,table CSS制作好看的网页表格
幸运的是html规范提供了许多无素和属性来提高数据表格对于这些设备的可访问性. 1.summary 和 caption 第一元素是表格的caption,它基本上用做表格的标题.尽管这不是必须有的元素, ...
HTML5期末大作业：鲜花超市网站设计——鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作
HTML5期末大作业:鲜花超市网站设计--鲜花超市(4页) HTML+CSS+JavaScript HTML5网页设计成品_学生DW静态网页设计代做_web课程设计网页制作作品介绍 1.网页作品简介 ...
分享7款颜色的CSS表格样式美化网页表格用户体验
原文出处:http://www.laozuo.org/4631.html 老左并不是一名网页设计师,但是经常在博客上捣鼓.修改一些自认为不太好的用户体验也仅仅局限在修改一些简单的CSS样式上,遇到不能 ...
网页设计的css样式,网页设计引入CSS样式的五种方式_css
一.使用STYLE属性将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; -} 例如: <TD ...
计算机绘制表格教案,《表格的制作》教学设计
七年级信息技术河北大学出版社表格的制作青坨营中学王艳欣 <表格的制作>教学设计一.教学目标 1.知识目标 (1)认识表格作用 (2)熟练制作规则表格并输入数据 2.能力目 ...
div+css静态网页设计web网页设计实例作业 ——中国风的茶文化(4页) web课程设计-HTML网页制作代码
web网页设计实例作业 --中国风的茶文化(4页) web课程设计-HTML网页制作代码常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. ...
【CSS】CSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )
文章目录一. CSS 2.0手册使用 1. 按照文档层次查找 2. 搜索关键字查找文档二. font-weight 字体粗细设置 1. 语法简介 2. 代码示例三. font-style 字体斜 ...

Css基本样式————综合设计：表格的制作

Css基本样式————综合设计：表格的制作相关推荐

最新文章

热门文章