css波浪分割线,css实现分割线

.demo {

width: 600px;

}

.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;

}

.line_02 {

height: 1px;

border-top: 1px solid #ddd;

text-align: center;

}

.line_02 span {

position: relative;

top: -12px;

background: #fff;

padding: 0 20px;

}

.line_03 {

width: 600px;

}

.line_03 b {

background: #ddd;

margin-top: 4px;

display: inline-block;

width: 180px;

height: 1px;

_overflow: hidden;

vertical-align: middle;

}

.line_03 span {

display: inline-block;

width: 220px;

vertical-align: middle;

text-align: center;

}

.line_04 {

width: 600px;

}

.line_04 {

overflow: hidden;

_zoom: 1;

}

.line_04 b {

background: #ddd;

margin-top: 12px;

float: left;

width: 26%;

height: 1px;

_overflow: hidden;

}

.line_04 span {

padding: 0 10px;

width: 32%;

float: left;

text-align: center;

}

.line_05 {

letter-spacing: -1px;

color: #ddd;

}

.line_05 span {

letter-spacing: 0;

color: #222;

margin: 0 20px;

}

小小分隔线单标签实现

小小分隔线 巧用色实现

小小分隔线 inline-block实现

小小分隔线 浮动来实现

——————————— 小小分隔线 字符来实现————————————

css 分割线样式_css实现文章分割线的多种方法总结

这篇文章整理css如何实现文章分割线的多种方式,分割线在页面中可以起到美化作用,那么就来看看使用css实现分割线样式的多种方法.效果如下: 方式一:单个标签实现分隔线: html:

Matplotlib数据可视化(3)：文本与轴

在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

css :before 内容左边 分割线(四)

商品 左边分割线,使用css伪类实现,before or  after

css分割线 文字居中的7种实现方式

最近开始研究前端,会不定期更新一些小块代码,写下自己的学习笔记,也希望能和大家一起进步! 1.单个标签实现分隔线:

css中渐变的分割线和自定义滚动条样式

css中渐变的分隔线:

为您推荐

.Ui_Ct_L ...

CSS 分割线