怎么實現(xiàn)多重邊框
· 方法1:利用描邊(outline)屬性==實現(xiàn)雙重
· 方法2:使用邊框樣式為double
· 方法3:利用額外的DIV外層多嵌套幾層div
· 方法4:利用偽元素(:before)的方式實現(xiàn)雙重邊框,但是屬于CSS中的hack問題,不推薦使用
· 方法5:使用box-shadow陰影實現(xiàn)對應的多邊框效果
· 方法6:使用多背景屬性:background:url1() no-repeat,url2() no-repeat,url3() no-repeat
#怎么實現(xiàn)三角形
```HTML
<div></div>
<style>
div{
/*為啥使用行內塊元素,因為這樣能與前面文本橫向排列,避免浮動*/
display:inline-block;
width:0px;
height:0px;
border:10px solid transparent;
border-top:10px solid red
}
</style>
```
更多關于“web前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學，課程大綱緊跟企業(yè)需求，更科學更嚴謹，每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。
京公網安備 11010802030320號