手机
当前位置:查字典教程网 >网页设计 > 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实现图片等比例缩放

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

用css实现十字的布局示例代码

css中不确定高度垂直居中2种方法

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

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

CSS实现同一行的图片和文字垂直居中对齐的方法

巧用CSS3 border实现图片遮罩效果代码

css实现文字的自动隐藏

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

精品推荐
分类导航