当前位置:首页 > 网站维护 > 列表

CSS伪类before,after制作左右横线文字效果

来源:浦一科技点击:时间:2016-12-3 关键词:css伪类 css布局
1,这种方法比利用边框和背景图做出的效果更好更利于控制和修改2,缺点是伪类在IE8上兼容有些问题.container{width:1000px;margin:10pxauto;border:1pxsolidred;}h3.title{color:#F2AE11

CSS伪类

1,这种方法比利用边框和背景图做出的效果更好更利于控制和修改
2,缺点是伪类在IE8上兼容有些问题

.container{width: 1000px; margin: 10px auto; border: 1px solid red;}
h3.title {color:#F2AE11;font-size:1.3em;margin-bottom:3em;text-align:center;font-weight:500; line-height:1.1;}
h3.title span {display: block; font-size: 3em;color: #212121;position: relative;}
h3.title span:before, h3.title span:after {content: ''; position: absolute; top: 52%;background: #494949;       
width: 9%;height: 2px;}
h3.title span:before{left: 25%; } 
h3.title span:after {right: 25%;}
 <div class="container">
  <h3 class="title">Welcome to <span>www.021jz.com.cn</span></h3>
 </div>

服务项目

网站建设

网站建设

通过SEO优化技术,提供更多的展示机会,带来大量精准流量和询盘,每月意向客户增长20%。

手机网站建设

手机网站建设

手机网站的时代强势来袭,赢在全网营销时代,手机+电脑双剑合璧,把握商机滴水不漏。

网站维护

网站维护

一个好的网站需要定期或不定期地更新内容,才能不断地吸引更多的浏览者,增加访问量。

整合网络营销

整合营销

为了建立、维护和传播品牌,以及加强客户关系,而对品牌进行计划、实施和监督的一系列营销

预约建站
免费提供网站优化
领取关键词