时间:2023-09-26 10:30:01 | 来源:网站运营
时间:2023-09-26 10:30:01 来源:网站运营
CSS常见样式:/*去掉默认的符号。这个常用*/ul, ol { list-style: none;}/*列表方形符号*/ul { list-style: square;}/*符号在盒模型内*/ul { list-style: inside; /*outside*/}/*可以用图形符号*/ul { list-style: url(https://i.loli.net/2019/11/08/4vriKTQR6sXnFBW.png)}
.header{ background-color: rgba(0, 0, 0, 0.3);}
.content { background-image: url(../images/bg.png);}.header { background-image: linear-gradient(#ddd, #fff); /* 渐变背景*/}
.box{ background: #ccc url(images/bg.png) center no-repeat;}
.box{ background: #ccc url(images/bg.png) center no-repeat, #ccc url(images/bg2.png) 20px 20px no-repeat;}
.list { border: 1px solid #ddd;}.list > .item { border-bottom: 1px solid #ddd; /* 下边框 */}
.box{ border-radius: 4px; border-radius: 4px 8px 16px 32px; /*左上 右上右下左下*/}
.box{ width: 100px; height: 100px; border-radius: 50%; border-radius: 50px;}
.box { width: 0; height: 0; border: 50px solid transparent; border-radius: 50%; border-top-color: red; }
.box { width: 0; height: 0; border: 50px solid transparent; border-radius: 50%; border-top-color: red; border-right-color: red; }
.box { width: 0; height: 0; border: 50px solid transparent; border-top-color: red;}
.box { width: 100px; height: 200px; background: red; border-radius: 50%;}
.box { width: 0; height: 0; border: 50px solid transparent; border-radius: 50%; border-top-color: red;}
.box { width: 0; height: 0; border: 50px solid transparent; border-radius: 50%; border-top-color: red; border-right-color: red;}
table { border-collapse: collapse;}
body { font: 14px/1.4 Arial;}
注意:文字占据的高度不是由font-size决定的,而是由line-height决定的。关键词:样式