【CSS語法】 有背景圖形的文字標題

woff

將文字標題，設計成為有背景圖形的標題~

範例預覽： http://www.flycan.com/flycancss/block_TITLE.html

1. 樣式部份設定如下：

1. <style type="text/css">
   
2. <!--
   
3. h3{　　　　　　　　　　　/*指定h3標題文字*/
   
4. display: block;　　　　　　　　　　　/*將超連結設定為區塊模式，就可以設定長度和寬度*/
   
5. height: 25px;　　　　　　　　　　　　/*設定區塊的高度*/
   
6. width: 513px;　　　　　　　　　　　　/*設定區塊的寬度*/
   
7. background-image: url(bar.gif);　　/*設定區塊的背景圖*/
   
8. font-size: 12px;　　　　　　　　　　　/*設定文字大小*/
   
9. color: #000000;　　　　　　　　　　　/*設定文字顏色*/
   
10. text-indent: 40px;　　　　　　　　　　　　　/*文字內縮排40像素*/
    
11. font-weight: bold;　　　　　　　　　　　/*設定文字為粗體*/
    
12. padding-top: 12px;　　　　　　　　　　/*設定文字在區塊中的上方間距*/
    
13. }
    
14. -->
    
15. </style>

複製代碼