Question

怎么用css3写出一角是圆角的三角形

Answer 1

CSS样式：

.divRadius {

border: 90px solid #555555;

border-left: 90px solid transparent;  

border-top: 90px solid transparent; 

border-bottom-right-radius: 20px; 

content: "";  

position: relative;      

width: 0;  

}

html代码：

<div class="divRadius">

<div></div>

</div>

注意：

border、border-left、border-top宽度一样。.divRadius中需要有东西支撑。

追问

膜拜，大神好厉害！这个要在哪里学啊！在网上看了很多css3的教学网站，到现在没明白怎样才算是学会css3,大神能不能帮忙指点一二

追答

算不得大佬。自学。持续到你不再做前端开发。我个人经历：大学计算机专业，但只接触css；从事前端开发工作，包括css3等自己上网学。很多是在工作实际开发时需要，百度自己研究。个人感觉实际开发中研究学习比专门为学习而去学习，印象更深刻、理解更透。还有……我个人逛网站时看到哪里的样式好看或有趣就顺便研究一下。若你想系统学习，可买书，同事前端大佬就这样。

追问

之前学JavaScript买了一本犀牛书，一直看不进去，感觉很深奥，唉，感觉自己不适合看书。还是去找找学习视频吧！大佬有没有推荐的视频学习网站

追答

只以前在腾讯课堂报过js的课，看两天的视频。因为感觉有点费时间，所以基本都是直接百度。另外就是百度贴吧，提供了很多视频教程，但不知质量如何。网站推荐红黑联盟，CSND吧。