css代码实现三角形
来源:互联网 发布:linux进程 编辑:程序博客网 时间:2024/06/05 23:27
用css实现三角形效果。
1、<div class="triangle_border_left">
<!-- <span></span> --></div>
.triangle_border_left{
width:0;
height:0;
border-width:30px 30px 30px 0;
border-style:solid;
border-color:transparent transparent transparent #333;/*透明 灰 透明 透明 */
margin:40px auto;
position:relative;
}
.triangle_border_left span{
display:block;
width:0;
height:0;
border-width:28px 28px 28px 0;
border-style:solid;
border-color:transparent #fc0 transparent transparent;/*透明 黄 透明 透明 */
position:absolute;
top:0px;
left:0px;
}
2、<div style=" border:10px solid; border-color:red red red #FFFFFF; width:0px;"></div>
0 0
- css代码实现三角形
- CSS创建三角形代码
- css实现三角形
- CSS border实现三角形
- CSS border实现三角形
- css实现画三角形
- css实现三角形 圆形
- CSS border实现三角形
- 用css实现三角形
- css实现三角形
- css实现三角形
- 纯CSS实现三角形
- css三角形实现
- CSS实现DIV三角形
- 用CSS实现三角形
- css实现三角形形状
- CSS实现三角形效果
- css实现三角形原理
- [RFC] Request For Comments List
- 【leetcode】109. Convert Sorted List to Binary Search Tree
- 从virtual一词说开去
- 【Dongle】【软考】程序语言之中间代码表示
- 用JS获取地址栏参数的方法
- css代码实现三角形
- ajax回调函数使用this异常
- mac 安装连接mysql(dmg)
- c#.net command 命令
- C# Winform制作虚拟键盘,支持中文
- android 传递自定义对象数据详解
- final关键字
- cordova 的使用方法
- ZooKeeper安装与配置(Windows环境)