手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >用css border实现尖三角的写法(无图片)
用css border实现尖三角的写法(无图片)
摘要:*{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

【用css border实现尖三角的写法(无图片)】相关文章:

实现链接的虚线下划线效果

纯css实现的下拉菜单只有边框底纹用到图片

css3中圆角和阴影的实验

css布局中的居中问题

利用css实现图片等比例缩放

用css3实现当鼠标移进去时当前亮其他变灰效果

添加css样式的三种方法

CSS+jQuery实现的在线答题功能

纯css实现的tab切换效果

用CSS轻松实现网上填空

精品推荐
分类导航