CSS3 畫如下圖形
問題描述
請教一下CSS3怎么畫出如下的tab,其中一個的樣式即可

問題解答
回答1:css
*,p{margin:0;padding:0;} .demo{width:100px;height:50px;border-top:1px solid black;margin:200px;position: relative; } .demo::before{content: '';width: 50px;height: 50px;border-left: 1px solid black;transform: rotate(45deg);position: absolute;top: 10px;left: -25px; } .demo::after{content: '';width: 50px;height: 50px;border-top: 1px solid black;transform: rotate(45deg);position: absolute;top: 10px;right: -25px; }
html
<p class='demo'></p>回答2:
.trapezoid-1 {
height: 0;width: 100px;border-bottom: 100px solid #e5c3b2;border-left: 60px solid transparent;border-right: 60px solid transparent; }
相關文章:
1. javascript - vue中使用prop傳遞數據問題2. javascript - 在vue項目中遇到的問題:DOMException3. 網頁爬蟲 - 如何使用使用java抓取信息并制作一個排名系統?4. python小白 自學看書遇到看不懂的地方5. javascript - ionic1的插件如何遷移到ionic2的項目中6. php對mysql提取數據那種速度更快7. shell - mysql更新錯誤8. python - 在github上看到一個基于卷積神經網絡提高圖片分辨率的小項目waifu2x??9. 如何設置一個無限循環并打破它。(Java線程)10. javascript - immutable配合react提升性能?

網公網安備