<ul>
<li><a href="#" style="border-radius:5px 0 0 5px;">註冊字母郵箱</a>
<li><a href="#" style="border-left: none; border-right: none;">註冊手機號碼郵箱</a>
<li><a href="#" style="border-radius:0 5px 5px 0;">註冊VIP郵箱</a>
</ul>
</div>
CSS樣式
.one{
width: 500px;
height: 200px;
margin: 200px auto;
}
.one a{
width: 140px;
height: 30px;
text-decoration: none;
display: block;
text-align: center;
line-height: 30px;
}
.one ul li{
float: left;//設置浮動,讓標籤並排顯示
list-style: none;//設置li的的樣式
}
a:link {
background: #FFFFFF;
color: #000000;
border:1px solid #999999 ;//給超鏈接a加邊框
}
<ul>
<li><span>這裏是文字</span></li>
<li><span>這裏是文字</span></li>
<li><span>這裏是文字</span></li>
</ul>
CSS樣式
li{
list-style: none;
float: left;
border: 1px solid blue;
}
.li{
border-right: none;
}
.li1{
border-radius:5px 0 0 5px ;//給li加圓角邊框
}
.li2{
border-radius:0 5px 5px 0 ;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.