css怎樣設(shè)置一條線中間亮兩邊暗
2 回答
撒科打諢
拿走不謝?。?！
TA貢獻(xiàn)1934條經(jīng)驗(yàn) 獲得超2個(gè)贊
拿走不謝?。?！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.horizontal-line {
position: relative;
margin: 75px 0;
width: 100%;
height: 1px;
}
.horizontal-line:before {
content: "";
position: absolute;
background-image: linear-gradient(to left, #777, transparent);
left: 10%;
right: 50%;
height: 1px;
}
.horizontal-line:after {
content: "";
position: absolute;
background-image: linear-gradient(to right, #777, transparent);
left: 50%;
right: 10%;
height: 1px;
}
</style>
</head>
<body>
<div class="horizontal-line"></div>
</body>
</html>
慕田峪9158850
TA貢獻(xiàn)1794條經(jīng)驗(yàn) 獲得超7個(gè)贊
.obj::after {
content: "";
height: 0px;
width: 100%;
display: block;
border: 1px solid #A9A9A9;
margin: 5% auto;
border-radius: 50%
}
- 2 回答
- 0 關(guān)注
- 1616 瀏覽
添加回答
舉報(bào)
0/150
提交
取消