用css border实现尖三角的写法(无图片)_ Div+Css教程-查字典教程网
用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教程学习
    网页设计子分类