css三角形
来源:互联网 发布:数据库原理及应用答案 编辑:程序博客网 时间:2024/05/22 04:46
今天给大家带来 CSS 三角形绘制方法
#triangle-up {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;
}
#triangle-down {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;
}
#triangle-left {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}
#triangle-right {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 100px solid red;
border-bottom: 50px solid transparent;
}
#triangle-topleft {
width: 0;
height: 0;
border-top: 100px solid red;
border-right: 100px solid transparent;
}
#triangle-topright {
width: 0;
height: 0;
border-top: 100px solid red;
border-left: 100px solid transparent;
}
#triangle-bottomleft {
width: 0;
height: 0;
border-bottom: 100px solid red;
border-right: 100px solid transparent;
}
#triangle-bottomright {
width: 0;
height: 0;
border-bottom: 100px solid red;
border-left: 100px solid transparent;
}
- css 三角形
- CSS - 三角形
- CSS-三角形
- css三角形
- css三角形
- css css编写三角形
- css圆角&三角形
- css自制三角形
- 用CSS画三角形
- css实现三角形
- css 画三角形
- CSS border实现三角形
- HTML+CSS 画三角形
- css border 画三角形
- CSS border实现三角形
- 用css制作三角形
- css实现画三角形
- 用css写三角形
- myeclipse重装后项目后与svn资源库断开问题解决
- session存放在数据库里面的优点
- android不使用推送,在桌面图标上显示消息数量
- struts2漏洞批量检查
- 阻止Web 爬虫
- css三角形
- 获取radio和checkbox的选择值
- 区间贪心
- 数据传递之startActivityForResult
- 本地windows跑Python程序调用Spark
- android llvm-o混淆
- 数据结构--树的基本概念
- TensorFlow的reshape操作 tf.reshape
- win10+cuda8.0+cudnn+Tensorflow(GPU)安装