反向css圆角矩形:
来源:互联网 发布:网络摄像机交换机配置 编辑:程序博客网 时间:2024/05/21 17:16
<style type="text/css">
.serif {}{
background: transparent; width:40%;
}
.serif h1, .serif p {}{
margin:0 10px;
}
.serif h1 {}{
font-size:2em; color:#fff;
}
.serif p {}{
padding-bottom:0.5em;
}
.serif .b1, .serif .b2, .serif .b3, .serif .b4 {}{
display:block;
overflow:hidden;
font-size:1px;
}
.serif .b1, .serif .b2, .serif .b3 {}{
height:1px;
}
.serif .b2, .serif .b3 {}{
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.serif .b4 {}{
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
}
.serif .b1 {}{
margin:0; background:#fff;
}
.serif .b2 {}{
margin:0 1px;
border-width:0 2px;
}
.serif .b3 {}{
margin:0 3px;
}
.serif .b4 {}{
height:2px;
margin:0 4px;
}
.serif .boxcontent {}{
display:block;
background:#fc0;
border-left:1px solid #fff;
border-right:1px solid #fff;
margin:0 5px;
}
</style>
<div class="serif">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="boxcontent">
<h1>反向css圆角矩形</h1>
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>
- 反向css圆角矩形:
- CSS 圆角矩形
- CSS圆角矩形
- CSS圆角矩形
- css 圆角矩形
- CSS圆角矩形生成器
- 纯CSS圆角矩形
- 纯css圆角矩形
- div+CSS圆角矩形
- css实现圆角矩形
- CSS做出圆角矩形
- CSS 圆角矩形块
- 圆角矩形的html+css实现
- 纯css制作圆角矩形边框
- css做出圆角矩形边框
- 简洁型css圆角矩形
- 简洁型css圆角矩形
- css用边框实现圆角矩形
- Navicat for MySQL使用手记(下)--实现自动备份数据库
- CXF 结合spring
- 开源项目之Android GreenDroid(界面库)
- MotionEvent的getX()与getRawX()区别
- Elasticsearch 源码eclipse环境搭建
- 反向css圆角矩形:
- 禁止编辑框粘贴数据
- AIR ADT打包APK笔记
- 程序员要勇于说不
- 如何使listview中的CheckBox被正确选中?
- Android平台的流媒体注意事项
- 答辩结束有感
- Linux初始化Nor Flash芯片及驱动
- thinkphp的display空白