后面的藍色主題背景是可以變色的
導航圖標之間的線用css怎么寫？
冉冉說
2018-12-13 14:14:21
1 回答
心有法竹
TA貢獻1866條經驗 獲得超5個贊
html代碼
<ul class="test">
<li class="a">1</li>
<li class="a">2</li>
<li>3</li>
</ul>
css代碼
list-style: none;
}
.test li {
display: inline-block;
padding: 20px;
background-color: #1c97e7;
float: left;
margin: 0;
color: #FFF;
text-align: center;
line-height: 20px;
height: 20px;
position: relative;
}
.test li.a:after {
content: "";
display: inline-block;
width: 2px;
height: 24px;
position: absolute;
border-radius: 10px;
right: 0;
box-shadow: -1px 0px 0px 0px rgba(63, 81, 181, 0.41) inset, /*右邊*/
1px 0px 1px 1px rgba(255, 255, 255, 0.1) inset; /*左邊*/
}
顏色我調整好一會，但肯定和你的圖片還是有差異的。
主要對box-shadow的使用
添加回答
舉報
0/150
提交
取消