<html>
<div class="title">
<hr>
<span class="txt">漸變</span>
</div>
<css>
.title{ ?text-align:center; ?white-space:nowrap; }
.title hr{ ?background-color:#f0eff5; border:medium none; display:inline-block; height:1.4px; margin:10px16px; vertical-align:middle; width:32%;
background-image:linear-gradient(to right,transparent,red,transparent);/*兩邊漸變*/ }
.title.txt{ display:inline-block; font-size:2rem; vertical-align:middle; }
