ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
### 1.背景图片 background:传参数 颜色,图片,重复,位置 ~~~ background-repeat: //repeat 重复 //no-repeat 不重复 //repeat-x,repeat 向x轴,y轴重复 background-position-x: //x轴位置 background-position-y: //y轴位置 ~~~ ### 2.文本 - 文本缩进 ~~~ text-indent ~~~ - 文本转换 ~~~ text-transform ~~~ - 字体 ~~~ //颜色 color:#FF0000 //字体 font-family: //变粗 font-weight:bold/bolder/300~800 ~~~ ### 3.链接 - a标签 ~~~ a:link //未访问时的状态 a:visited //访问后的状态 a:hove //鼠标悬停时的状态 a:active //鼠标点击那一刻的状态 //四个标签的顺序不能变 ~~~ ### 4.无序列表 ~~~ list-style:none/circle/dist/square //列表样式:无/圆/默认/正方形 list-style-img://样式图片 ~~~ ### 5.表格 ~~~ <table> <thead> <tr> <th></th> </tr> </thead> <tbody> <tr> <td></td> <td></td> </tr> </tbody> </table> ~~~ - 表格边框重叠 ~~~ border-collapse:collapse;//边框坍塌,折叠 ~~~ - 跨列表格 ~~~ colspan="n"//表格分为n列 ~~~ 跨行表格 ~~~ rowspan=“n” //表格分为n行 ~~~ ## 6.透明度 ~~~ opacity: //透明度 ~~~