HTML border CSS输出三角形_html/css_WEB-ITnose
程序员文章站
2022-05-16 16:45:40
...
有下面一段html代码:
乍一看很不解,但是效果是这样的:
Document
乍一看很不解,但是效果是这样的:
把CSS改一改:
.triangle_up{ height:0px; width:0px; border-bottom:50px solid red; border-left:50px solid ; border-right:50px solid ;}
还是晕,再把宽高改一改:
宽高再改一改:
瞬间恍然大悟。
块的宽高都为0,又巧妙设置了透明,所以看起来就是一个三角形!
推荐阅读
-
使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
-
使用css创建三角形 使用CSS3创建3d四面体原理及代码(html5实践)
-
有关html的标签以及css属性(border、div)
-
使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
-
关于网页路径的疑惑_html/css_WEB-ITnose
-
Codeforces Round #156 (Div. 2)-A. Greg's Workout_html/css_WEB-ITnose
-
html 关于ul标签的_html/css_WEB-ITnose
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
multiple backgrounds 多重背景_html/css_WEB-ITnose
-
建站新人_html/css_WEB-ITnose