課程
/前端開發
/CSS3
/css3實現網頁平滑過渡效果
amy老師，沒看明白為何設置了width和height就可以得到三角形的？可以稍微解析下嗎？謝謝！！
2017-03-30
源自：css3實現網頁平滑過渡效果 1-6
正在回答
https://www.bilibili.com/video/BV1r4411d7Es?from=search&seid=13412999584647036213
<a style="width:0px; height:0px; display: inline-block;border-bottom:100px #F00 solid; border-left:100px #03F solid; border-right: 100px #F90 solid; border-top:100px #6C0 solid"></a>
有顏色的是邊框 你改變下 寬 高 ?秒懂
因為那個三角形是用沒有寬高而有border邊框值設置出來的；我們可以試一下給一個沒有寬高的塊設置四條邊框的值和顏色，就容易理解了。
舉報
CSS3 打造頁面之間的平滑過渡效果，帶來神奇的體驗
2 回答三角形是怎么實現的真的沒看明白
5 回答三角形不顯示
1 回答三角形受到文字多少影響，文字數量會改變三角形的位置
2 回答三角形啊 顯示方形了
2 回答三角形溢出問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2020-05-16
https://www.bilibili.com/video/BV1r4411d7Es?from=search&seid=13412999584647036213
2017-05-10
<a style="width:0px; height:0px; display: inline-block;border-bottom:100px #F00 solid; border-left:100px #03F solid; border-right: 100px #F90 solid; border-top:100px #6C0 solid"></a>
有顏色的是邊框 你改變下 寬 高 ?秒懂
2017-04-01
因為那個三角形是用沒有寬高而有border邊框值設置出來的；我們可以試一下給一個沒有寬高的塊設置四條邊框的值和顏色，就容易理解了。