手机
当前位置:查字典教程网 >网页设计 > 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实现十字的布局示例代码

css实现文字的自动隐藏

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

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

用css实现文字的自动隐藏

纯css实现的tab切换效果

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

精品推荐
分类导航