手机
当前位置:查字典教程网 >网页设计 > 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样式颜色属性的使用

利用纯CSS创建一个三角形

添加css样式的三种方法

CSS:CSS样式如何实现Logo立体盒子效果

css3教程:弹性盒模型

css语法大全

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

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

精品推荐
分类导航