CSS3內圓角三角形可以通過border-radius屬性來實現。具體的實現方式如下:
.triangle{ width: 0px; height: 0px; border: 30px solid transparent; border-bottom-color: red; border-top-left-radius: 50%; border-top-right-radius: 50%; }
以上代碼會生成一個帶有內圓角的等邊三角形,其中width和height屬性設置為0,是因為三角形的大小是由border-width屬性來控制的。其中border-bottom-color用來設置三角形的顏色,而border-top-left-radius和border-top-right-radius則用來實現圓角效果,將圓角的半徑設置為50%即可。
可以根據需要調整border-width和圓角半徑來生成不同大小和形狀的內圓角三角形。
上一篇css3內發光效果