CSS设置表格样式.ppt

1、CSS设定表格样式，发表：毛丽娟email:表格内的标签，定义表格的大标题，表格定义的第一行，即标签之后放置的习惯。 标签：标题标签。 用于行或列的名称。用于定义表的不同部分，称为“行组”。列标记。 情况1 :制作如下效果的表。 样式要求：外框属性：1px solid red； 标题的边框属性为：1 px固态红色； 普通单元格的边框属性为1px dashed red； 表标题、标头、案例点分析：Css选择器的类型？ 的使用相邻分界线的合并代理border-collapse？ 相邻边框的合并规则、相邻界限线的合并规则，粗细优先。 如果几个边框具有相同的边框宽度，则优先级顺序为双精度、实体、阴影、

2、截断、右边、输出、groove和插入。 如果边框样式设置为隐藏，则优先级最高。 如果边框的职业腻子粉中有“none”，则优先级最低。 情况1 :网络结构查询密码，姓名高物理构成原理总分，情况1 :网络结构查询密码，张三77 66 78 150李斯88 80 86 160，赵谦98 57 90 145文章67 90 69 178，情况2 :美化表。 利用、标记设定如下格式：案例3 :美化表格立体感、案例3分析、关键技术：电池的对应边缘属性td、th padding:5px； 边界：2 px实体#高能效以太网； 边框底色： # 666； 边框光色： # 666； 练习：表格立体感，练习：样式查询密

3、码，表格宽度：400 px； 边框3360无；/*边框比较3360比较； * /后台： # CCC； 2px固态硬件# fff； 边框光色： # 666； 边框底色： # 666； 情况4 :优化表格斑点效果，情况5 :设置表格列样式，要点分析，在标签前添加列标签创建样式col.right说明：标准HTML元素，Firefox不通讯端口定标签，因为CSS和HTML规范之间存在一些差异。 案例5 :结构查询密码，成绩表姓名高的物理构成原理总得分，案例5 :结构查询密码，张三77 66 78 150，案例5 :结构查询密码，李斯88 80 86 160赵谦98 57 90 145，案例5 :结构查

4、询密码，文章67 90 69 178 font-size: 16px； 文本对齐3360中心； 边框3360无； 头，托福背景色彩： # fff； 情况5 :样式查询密码定，表格类型字体： 36px； 字体重量：粗体； 后台彩色： # ff 0； 边框顶部样式3360固件； 底部宽度：2px； 底部样式3360固态； 边框顶色： # f 00； 边框底色： # f 00； tbodytrbackground -颜色： # CCC； 情况5 :样式查询密码定、td、th border :2px固件#高能效以太网； 边框光色： # 999； 边框底色： # 999； padding: 5px； 事

5、件背景色彩： # 999； th TD TD文本对齐3360灯光。 另外，情况6 :在解决情况5的Firefox上的显示，相邻选择器：使用连接选择器名，td td td表示如果3个td相邻，则第3个td是修饰对象。 将情况5中的col.right更改为th TD TD文本对齐： right。 情况7 :设定鼠标指针通过时整行变色的效果。 方案：主要风格查询密码。 体积tr 3360超级后台： #6cc；综合案例：日历表-Google日历表、综合案例：日历表-效果格拉夫、综合案例：日历表-效果格拉夫、综合案例：日历表-制作步骤、用传统方法制作最简单的表。 例如，创建表格标题以创建表格标题：从星期

6、一到星期五.将每天的时间表放在特定单元格中，并定义各种CSS样式。、综合方案：日历表-标题样式分析，设置表和的基本属性：month /*匹配相邻单元格边框*/border-collapse:collapse； /*固定宽度的版结构方式*/table-layout:fixed，使各列的宽度相等； width:780px； 综合案例：日历表-页眉样式分析，/*表标题“2008年3月样式”*/.month caption /*页眉“星期一到礼拜日”样式*/.month th .综合案例设置/*普通单元格样式*/.month td， 综合方案：日历表-单元格样式分析，/*上月和下月样式*/.month td.previous， month TD.next/*.monthullist-style-type 3360 none。 /*清除每个列表项前面的小点