用CSS实现三角形
2016-01-02 22:47
701 查看
<!DOCTYPE HTML>
<html>
<meta charset="UTF-8">
<head>
</head>
<style type="text/css">
#sanjiao{
width: 0;
height: 0;
overflow: hidden;
border-width: 10px;
border-color: transparent transparent red transparent; //将transparent改为其他颜色会很轻松的看到其形成过程!
border-style: dashed dashed solid dashed;
}
</style>
<body>
<div id="sanjiao"></div>
</body>
</html>
<html>
<meta charset="UTF-8">
<head>
</head>
<style type="text/css">
#sanjiao{
width: 0;
height: 0;
overflow: hidden;
border-width: 10px;
border-color: transparent transparent red transparent; //将transparent改为其他颜色会很轻松的看到其形成过程!
border-style: dashed dashed solid dashed;
}
</style>
<body>
<div id="sanjiao"></div>
</body>
</html>
相关文章推荐
- css清除浮动使父级元素展开的三个方法
- Spark ListenerBus 和 MetricsSystem 体系分析
- css3的图形3d翻转效果应用示例
- css中position定位
- 【CSS+DIV】(2)——CSS与XML、Ajax的综合应用
- 初识CSS--常用元素总结(五)-表格和列表
- 一个HTML元素中使用两个样式类
- CSS 定位之绝对与相对
- CSS 最核心的四个概念
- 初识CSS--常用元素总结(四)-边框与背景
- W3School-CSS 表格实例
- CSS布局与定位,flow流,float
- 初识CSS--常用元素总结(三)-盒模型
- cssTex
- 学习总结(css)
- css中的长度
- 记一次 JS 模拟 CSS active 效果的过程
- [CSS][转载]内层div的margin-top影响外层div
- CSS中display属性
- 十步图解CSS的position