第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

三角形顯示

.trangle{
?? ?? border-width: 12px 20px;
?? ?? border-style: solid;
?? ?? border-color: red red transparent transparent;
?}

<div class="trangle"></div>

顯示效果……

http://img1.sycdn.imooc.com//58c614ac0001988a07980030.jpg

正在回答

4 回答

? border-width: 12px 20px;你這個(gè)設(shè)置上下和左右的邊框?qū)挾榷疾灰粯?,?huì)出來(lái)效果才有鬼膩!

0 回復(fù) 有任何疑惑可以回復(fù)我~

width:0px;

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Hotinly 提問(wèn)者

.trangle{ width: 0px; height: 0px; border: 100px solid; border-color: red red transparent transparent; } 這樣寫可以,上面那個(gè)不行
2017-03-13 回復(fù) 有任何疑惑可以回復(fù)我~
#2

慕容9549211 回復(fù) Hotinly 提問(wèn)者

我想問(wèn)一下,這個(gè)寬高和border-width是不是有什么沖突,我的問(wèn)題跟你的一樣,但是沒(méi)搞清楚原理
2017-12-29 回復(fù) 有任何疑惑可以回復(fù)我~

你要三角形就把寬設(shè)為0

0 回復(fù) 有任何疑惑可以回復(fù)我~

要實(shí)現(xiàn)這個(gè)提醒,。就 只能是上邊border

.trangle{
?? ?? border-width: 12px 20px;
?? ?? border-style: solid;
?? ?? border-color: red transparent?transparent transparent;
?}


這樣試試看

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Hotinly 提問(wèn)者

還不對(duì),這樣是個(gè)梯形。
2017-03-13 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消
CSS深入理解之border
  • 參與學(xué)習(xí)       56793    人
  • 解答問(wèn)題       75    個(gè)

深入講解border使用方法及應(yīng)用,以及如何借助border完成布局

進(jìn)入課程
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)