用css border实现尖三角的写法(无图片)
用css border实现尖三角的写法(无图片)
发布时间:2016-12-27 来源:查字典编辑
摘要:*{margin:0;padding:0;}body{background:#000;}.artItLaCorner{width:20px;...

<!DOCTYPE HTML>

<html>

<head>

<meta charset="gbk" />

<style type="text/css">

*{margin:0;padding:0;}

body{background:#000;}

.artItLaCorner {

width:20px;

border-color: transparent #fff;

border-style: solid;

border-width: 8px 7px 8px 0px;

margin: 4px 0px 0px 0px;

}

</style>

</head>

<body>

<div></div>

</body>

</html>

其他方向的根据自己需求去改变border-width

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类