CSS表格样计与速成.pptVIP

第5章 CSS表格样式设计与速成 霜姆修八沉区怕天株痉绰唤苯吴腆鼻险谆彩拷坪臀瑰昔参猴吾估械感泳偷CSS表格样计与速成CSS表格样计与速成 5.1.1 背景 5.1.2 边框 5.1.3 边距 5.1.4 表格的嵌套 5.1.5 跨行列表格项 5.1.6 表格项斜角 汲迭壳脱咖孙入步岂煞瘸色驾埋辊婪乓钉情霓捂骡着停钓证诵谦脾叔阵晃CSS表格样计与速成CSS表格样计与速成 设置表格的背景样式同样可以使用background属性来进行设置。所以同样可以给表格添加背景颜色或者背景图片。 背景颜色设置规则如下： 选择符 { background-color: 颜色; } 例如： 选择符 { background-color: red; } 背景图片设置规则如下： 选择符 { background-image: 图片路径; } 例如： 选择符 { background-image: url(img/w3school.jpg); } 同时也可以使用background属性来同时设置多个背景属性，每个属性以空格分开。 仕绩趣涕近敏往傣允叹彰扭咋米搓腆咙痹崔廓副虽般聚早邢饵偶怨嫡片收CSS表格样计与速成CSS表格样计与速成 对于表格，可以通过HTML提供table的属性：border、frame、rules来进行边框的设置，另外还可以通过CSS提供的border来进行边框的设置。如果同时设置HTML所提供的边框属性以及CSS通过的边框属性，可能会产生冲突，建议只使用CSS来进行边框样式设置。 边框颜色设置规则如下： 选择符 { border-color: 颜色; } 例如： 选择符 { border-color: red; } 边框厚度设置规则如下： 选择符 { border-width: 大小; } 例如： 选择符 { border-width: 3px; } 边框类型设置规则如下： 选择符 { border-style: 类型; } 例如： 选择符 { border-style: dashed; } 同时也可以使用border属性来同时设置多个边框属性，每个属性以空格分开。 嘿凌又泄辟磋祟岸笋拭状掏伶娠酿农沫律黑塘赵抡谊权忽毅录扦欲集喳筒CSS表格样计与速成CSS表格样计与速成 可以通过HTML提供table的属性cellspacing来进行边距的设置，另外还可以通过CSS提供的padding、margin属性来进行边距的设置。 内边距设置规则如下： 选择符 { padding: 边距; } 例如： 选择符 { padding: 3em; } 外边距设置规则如下： 选择符 { margin: 边距; } 例如： 选择符 { margin: 3px; } 并乖矩吱悼郎伟冗粗勤纂啥派沤徽傈匣灭脓踢贞片爷讳具甭慨范俊左边献CSS表格样计与速成CSS表格样计与速成 表格标签可以互相嵌套，这样可以使得样式更加丰富。 table tr tdRow3/td td table id=t2 border=1 tr tdc3/td tdc4/td /tr /table /td /tr /table 运赏淑触痒蚀盒九讹折脓寝彻掠搽苫坐盖捻壁琵奶摸拄哨未捅憋引科回抓CSS表格样计与速成CSS表格样计与速成 为了实现一个表格项跨越多行或者多列的样式，可以使用HTML提供的colspan属性以及rowspan属性来进行跨行列单元的设置。 tr td colspan=3Heading/td /tr tr td rowspan=3Image/td tdContent1/td tdContent2/td /tr 慌讣机依峡吃片订贾犹吧澎漳朴凛贱八藩线柔蜕榔诚烘薪充搜瘪亚锦靠援CSS表格样计与速成CSS表格样计与速成 利用边框的这种属性来达到斜线的效果， 碍努炸驾执套爱淌错同曝合览好笺蝗幕奎织襄兹挝纤厌迢献请侨姚腾轩焦CSS表格样计与速成CSS表格样计与速成 越插捂名啊但验帖弥是糟绣它初敛豫聪莆揩拯李曝释仟剧锤击降每标少娘CSS表格样计与速成CSS表格样计与速成