寫法:1、用“border:長度值 solid transparent”語句將一個寬高為0的div元素邊框設(shè)置為透明;2、用“border-top:高度值 solid 顏色值”語句將div元素透明邊框的上邊框顯示出來,即可顯示一個下三角形。
成都創(chuàng)新互聯(lián)服務(wù)項(xiàng)目包括公主嶺網(wǎng)站建設(shè)、公主嶺網(wǎng)站制作、公主嶺網(wǎng)頁制作以及公主嶺網(wǎng)絡(luò)營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等,向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,公主嶺網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前,我們服務(wù)的客戶以成都為中心已經(jīng)輻射到公主嶺省份的部分城市,未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任!
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css下三角形代碼怎么寫
在css中,我們可以通過border屬性創(chuàng)建邊框樣式來實(shí)現(xiàn)下三角。
首先我們需要一個寬和高都是0的div元素,然后利用border屬性設(shè)置div的邊框樣式,將邊框的粗細(xì)值設(shè)置為下三角長度的一半,并將邊框顏色設(shè)置為透明色。
最后再通過border-top屬性將div元素的上邊框顯示出來即可。
示例如下:
輸出結(jié)果:
大家感興趣的話,可以繼續(xù)訪問:css視頻教程。