<style>
.box{
width: 0;
border-bottom: 150px solid #000;
border-top: 150px solid transparent;
border-left: 150px solid transparent;
border-right: 150px solid transparent
}
</style>
</head>
<body>
<div class="box"></div>
</body>
CSS利用border实现三角形
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 在日常开发中,经常会用到各种形状的三角形,我们可以通过图标来实现自己先要的效果,但如何用样式快速写出一个适合自己的...
- 如图,附上css代码 css的属性总是能出现些奇异的效果,图中的div的可见宽高是被border撑大的,但是用bo...
- 转自轻轻简记http://www.qingqingjianji.com/article.html?aid=43 业...