手机
当前位置:查字典教程网 >网页设计 > 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中圆角和阴影的实验

发现两个有趣的CSS3动画效果

CSS实现左图右文混排布局的方法

CSS实现兼容性的渐变背景(gradient)效果兼容众多浏览器

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

利用CSS实现禁止双击选择页面内容的实例展示

十套非常漂亮的CSS3按钮样式 无需图片

用CSS实现文字的阴影效果

CSS实现圆柱型数据报表的方法

精品推荐
分类导航