css绘制三角形
2016-04-27 10:16
330 查看
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #triangle-up { width: 0; height: 0; border-left: 50px solid red; border-right: 50px solid yellow; border-bottom: 50px solid greenyellow; border-top: 50px solid #0F9AE0; /*加 transparent 属性可以使相应的边框隐藏*/ } </style> </head> <body> <div id="triangle-up"></div> </body> </html>
效果图如下:
相关文章推荐
- css3的盒模型
- 1、CSS3背景颜色渐变
- 第九章 改变 HTML 样式
- CSS---再谈行内元素和块级元素
- DIV+CSS布局
- 转载---CSS3实现曲线阴影和翘边阴影
- div、css圆形头像
- css inline忽略宽和高
- 网页加载速度优化2--先加载css,然后再加载js文件。
- Css表格
- CSS3基础第一篇(圆角,阴影,渐变,选择器)
- CSS魔法堂:重拾Border之——解构Border
- CSS选择器
- mac下webstorm添加scss watcher
- CSS 使用Sprites技术实现圆角效果
- css清除浮动
- 6.5 Ext.util.CSS 更好地操作css
- 高性能 CSS3 动画
- 作为后台人员你需要知道的CSS基本知识
- 修改文件上传按钮样式