css实现分隔线
来源:互联网 发布:mac如何重命名文件名 编辑:程序博客网 时间:2024/05/01 05:05
使用方法:
示例代码一,代码简洁
示例代码二,可自适应宽度
示例代码三,文字可多行
示例代码四
示例代码五
示例代码一,代码简洁
.demo_line_01{padding: 0 20px 0;margin: 20px 0;line-height: 1px;border-left: 200px solid #ddd;border-right: 200px solid #ddd;text-align: center;}
示例代码二,可自适应宽度
.demo_line_02{height: 1px;border-top: 1px solid #ddd;text-align: center;}.demo_line_02 span{position: relative;top: -8px;background: #fff;padding: 0 20px;}
示例代码三,文字可多行
.demo_line_03{width:600px;}.demo_line_03 b{background: #ddd;margin-top: 4px;display: inline-block;width: 180px;height: 1px;_overflow: hidden;vertical-align: middle;}.demo_line_03 span{display: inline-block;width: 220px;vertical-align: middle;}
示例代码四
.demo_line_04{width:600px;}.demo_line_04{overflow: hidden;_zoom: 1;}.demo_line_04 b{background: #ddd;margin-top: 8px;float: left;width: 26%;height: 1px;_overflow: hidden;}
示例代码五
.demo_line_05{letter-spacing: -1px;color: #ddd;}.demo_line_05 span{letter-spacing: 0;color: #222;margin:0 20px;}
0 0
- css实现分隔线
- CSS HTML 实现虚线横线分隔线
- CSS多种方法实现分隔线
- CSS巧妙实现分隔线的几种方法
- CSS巧妙实现分隔线的几种方法
- CSS 分隔线 中间带文字 分隔符
- css分隔线中间带文字
- GridView分隔线的实现
- 巧用TextView实现分隔线
- RecylerView通用分隔线实现
- Android GridView分隔线实现
- recyclerView 分隔线 最简实现法
- RecycleView实现瀑布流添加分隔线
- CSS按比例等分box,并显示分隔线
- 分隔线
- SDK实现分隔条
- SDK实现分隔条
- 字符串分隔(java实现)
- 访问安卓手机的SQLite数据库,缺少sqlite3文件的解决方法。
- 程序员眼里的高并发架构
- 公司官网编写-(二)
- Java 回调机制详解
- 和我一起写Makefile(原创)
- css实现分隔线
- 启动webloigc报错,在目录/usr/lib/jvm/java-1.7.0-openjdk-1.7.0.79.x86_64中找不到JRE。
- Android 平台C# 与C++之间的互相调用方法
- java知识点杂货铺【九】
- eclipse编辑xml文件时提示本地包和类的路径
- 80. Remove Duplicates from Sorted Array II
- QT数据库--添加MySQL驱动插件(ARM篇)
- andriodStudio真机运行 installation failes with message INSTALL_CANCELED_BY_USER 错误
- 算法工具包