1，這(zhè)種方法比利用(yòng)邊框和(hé)背景圖做(zuò)出的(de)效果更好更利于控制和(hé)修改2，缺點是僞類在IE8上兼容有些問題.container{width: 1000px; margin: 10px auto; border: 1px solid red;}h3.title {col

1，這(zhè)種方法比利用(yòng)邊框和(hé)背景圖做(zuò)出的(de)效果更好更利于控制和(hé)修改
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>

上一篇：上海企業網站如何進行頁面布局 下(xià)一篇：CSS圖片在DIV上下(xià)垂直居中方法