DIV CSS 佈局教程網

使用css3中before和after以及content 可以在內容的前面和後面增加顯示內容。


先查看代碼，後面下面是效果展示：

 <style>
/* 以下為before和after以及content的用法 */
#hovertreeba:before{content:'想問侯不知從 '}/* before 用於顯示在 主內容前面的 內容*/
#hovertreeba:after{content:' 就直接說喜歡你';}/* after 用於顯示在 主內容後面的 內容*/
    </style>
<div>
        <a href="http://hovertree.com/" id="hovertreeba">何問起</a>
    </div>

效果如下： 何問起

參考：http://hovertree.com/h/bjaf/rnqpxtsq.htm