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