手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >纯css样式实现3角型
纯css样式实现3角型
摘要:.devise-welcome-triangle{border-right:#ccc8pxsolid!important;border-to...

.devise-welcome-triangle{

border-right: #ccc 8px solid !important;

border-top: transparent 6px solid !important;

border-bottom: transparent 6px solid !important;

margin-left: -8px;

float: left;

z-index: 1000;

position: relative;

margin-top: 12px;

width: 0px;

height: 0px;

}

.devise-welcome-triangle div{

border-right: #EEEEEE 8px solid !important;

border-top: transparent 6px solid !important;

border-bottom: transparent 6px solid !important;

float: left;

z-index: 1100;

position: relative;

width: 0px;

margin-left: 4px;

margin-top: -6px;

height: 0px;

}

【纯css样式实现3角型】相关文章:

CSS实现图片圆角化处理

用css样式表实现首字大写

css怎样使div层水平

一款纯css实现的垂直时间线效果

css代码格式化清理工具

CSS样式表详解

一款css实现的鼠标经过按钮的特效

一款纯css3实现的动画加载导航

用css实现透视效果

css3教程:弹性盒模型

精品推荐
分类导航