css3 画几何图形之三角形--随笔
2016-05-11 23:46
309 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{padding: 0;margin: 0;}
#box{
width: 0px;
height: 0px;
border:100px solid transparent;/*透明色*/
border-top-color: red;
border-bottom: 0 none;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{padding: 0;margin: 0;}
#box{
width: 0px;
height: 0px;
border:100px solid transparent;/*透明色*/
border-top-color: red;
border-bottom: 0 none;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
相关文章推荐
- 如何正确使用css中vertical-align
- DIV+CSS和Table区别
- CSS基础知识一(CSS的应用方式、CSS选择器、选择器的声明、文字CSS效果、)
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- CSS应用:阴影和轮廓
- CSS选择器总结
- 输入班级人数,姓名,分数,创建集合,并按照表格样式打印出来
- openGL 填充样式
- CSS预处理器
- css3实战版的点击列表项产生水波纹动画——之jsoop面向对象封装版
- CSS的两个class选择器紧挨在一起
- CSS的两个class选择器紧挨在一起
- [翻译]CSS模块-未来的编码方式
- H5Css3动画 背景图 制作帧动画
- css3新的选择器
- CSS布局的三种方式:
- CSS3:动画大全
- css中的强制换行
- WPF中Grid实现网格,表格样式通用类
- Box Shadow(阴影)-Css3演示 工具