我有點卡在div框的造型邊框上。圍繞div的造型邊框
的問題是,我不能讓邊界不象:
這裏是真實的例子我有:
.num.num_1 {
border-left-color: #0D2431;
}
.num {
width: 60px;
height: 60px;
line-height: 50px;
border-width: 5px;
font-size: 40px;
}
.num {
float: left;
width: 40px;
height: 40px;
line-height: 36px;
text-align: center;
border: 2px solid #eee;
font-size: 20px;
color: #0D2431;
background-color: #fff;
}
div {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
}
<div class="num num_1">1</div>
您將有一個div添加到這一點,並嘗試使用透視('變換:skew',也許)來解決這個問題,如邊界無論你如何切片,它們都很難成角度。 – somethinghere 2014-10-28 16:18:01
這就是邊界如何工作,它們是傾斜的,這就是允許你使用它們來使用CSS製作三角形的原因。我會使用之前的僞元素來實現你正在尋找的東西。 – nunopolonia 2014-10-28 16:24:29
你可以分享你已經共享的截圖網站的鏈接嗎? – 2014-10-28 16:33:08