用CSS将div变成三角形
来源:互联网 发布:英文发音软件 编辑:程序博客网 时间:2024/06/01 21:36
方形变三角形
通常我们印象中的HTML元素都是四四方方的,但是四四方方的东西也可以构建出完美的三角形哦。因为当一个矩形必须要平分给其上下左右四个方向的时候,就只好平分成四个三角形了。
代码实现
<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <title></title> <style> div { width:0; height:0; border:100px solid; /* 平分效果 */ /*border-color:red green blue black; */ /* 单个三角形 */ border-color:transparent transparent lightgreen transparent; } </style></head><body> <div></div></body></html>
0 0
- 用CSS将div变成三角形
- 用循环将三个Div变成红色
- 用CSS对DIV画三角形
- css+div 定义三角形
- CSS实现DIV三角形
- div+CSS实现三角形
- CSS实现DIV三角形
- Css三角形 div全屏 半透明
- 纯CSS 三角形箭头Div边框代码
- 使用div和CSS样式画三角形
- html中css使用div绘制三角形
- css将书写模式变成纵向
- css将div分割成两列
- fgm实例练习笔记-1.4用循环将三个Div变成红色
- 用CSS画三角形
- 用css制作三角形
- 用css写三角形
- 用css实现三角形
- Azure虚拟机中使用Tracert/Traceroute/MTR(My Traceroute)的原理讨论
- 今年冷吗?
- [区间dp] poj 1651 Multiplication Puzzle
- 对于大流量的网站,您采用什么样的方法来解决访问量问题?
- JavaAPI详解系列(4):String类(4)
- 用CSS将div变成三角形
- PROTEL 99 常用库文件&分立元件库和快捷键
- Android仿小米商城底部导航栏(基于BottomNavigationBar)
- Spring学习(3)
- android WebView 讲解
- Google Gson 字段过滤:@Expose
- 柯朗微积分与数学分析习题选解(1.3 节 c)
- 第一篇博客
- 多种设计模式,需要掌握熟练的有哪些