音符的創作素材天空: 特別的文字底線 - yam天空部落

韓式多用背景7月-3 | 主頁 | 可愛掛件輯7月-1

July 4, 2009

特別的文字底線

以文找文

rebaca0210 在天空部落發表於16:20:36 | 版面語法

鼓勵此網誌：4　

使用自訂樣式css的語法,若在連結的語法上加底線,
我想大多數的人,都跟音符一樣不喜歡吧~
但如果可以自由選擇,在想要凸顯的文字上加底線,
卻可以為你的文章加分不少呢~
當然底線的樣式,也就不一定局限在傳統虛線或直線的樣式了~
您可以隨心所欲的選擇分隔線來使用喔~

範例:

.underline { line-height:22px; padding:4px 2px 2px 0px; letter-spacing:2px; background:url(圖片網址) repeat-x bottom } 請放在css最下方

語法解說:
圖片網址請改成你的圖片網址,請注意圖片須有外連;
letter-spacing:2px; 為間距,若是使用很小的圖片,可拉大間距讓圖片在文字與文字之中,也是不錯的效果~(數值可隨個人喜好調整)

underline 只是一個代稱,您可隨意更改成自己易懂的英文名稱~

以後寫文章時,遇到要特別凸顯的文字,
就先將編輯模式改成原始碼狀態,
再輸入:
<span class="underline或自訂名稱">特別標示的文字</span>

那麼這段文字即會自動加上您自定的底線囉~
趕快試看看吧~

整理

誰推薦這篇文章：

留言 (5) | 引用 (0) | 人氣 () | 轉寄

| 主頁 | 此分類下一篇:網誌留言大頭貼加框&樓層加底圖(5/12補充)

引用 (你可以針對此文寫一篇屬於自己的blog/想法,並給作者一個通告)

引用

留言 (5筆)

5.

你好是否可以交我該如何將誰來我家的小圖顯示成為 50位呢??!!

謝*2唷!!!=ˇ=

板主回覆:
這個音符不知道喔~
天空系統是本來就有設定好囉~

水藍於 2009-08-14 03:45:56 留言 |

4.

感謝你喔你的東西都好棒喔

可愛蛋於 2009-08-02 15:35:45 留言 |

3.

拿囉~
我也要來試看看^^

UNA 於 2009-08-02 00:14:08 留言 |

2.

很特別的學習了也引用了哦~謝謝音符分享哦~

Evelyn 於 2009-07-10 11:36:51 留言 |

1.

哇!!才剛問妳而已，這麼快就發教學文囉^^
教學很詳細唷!!晚點我再來研究研究，還在整理文章~

豬小妞於 2009-07-04 16:45:59 留言 |

發表你的留言 (字數限制最多 2000 個中文字)

系統公告

認識音符

ＩＤ：rebaca0210
暱稱：魔女音符
地區：桃園縣

訂閱 |
- 我要訂閱此部落格的
- 日記
- 網誌
- 相簿
好友 |
- 好友功能
- 觀看好友列表
- 觀看人緣列表
人氣 |
簡介

廣告時間

廣告商若要合作贊助廣告,請至留言板留言,音符會盡快與您連絡~

音符I say

連結音符

感謝格友豬小妞再次贈與LOGO

<P align=center><A href="http://blog.yam.com/rebaca0210/"><IMG height=34 alt=魔女音符 src="http://img142.imageshack.us/img142/4443/83579847.gif" width=96 border=0></A></P>

<P align=center><A href="http://blog.yam.com/rebaca0210/"><IMG height=50 alt=魔女音符 src="http://img4.imageshack.us/img4/2411/30974429i.gif" width=100 border=0></A></P>

<P align=center><A href="http://blog.yam.com/rebaca0210/"><IMG height=38 alt=魔女音符 src="http://img691.imageshack.us/img691/3738/80439913.gif" width=90 border=0></A></P>

菜單隨你點

Powered By Hiiir.com

七嘴八舌

BlogOrbit Rank

最新回應

歡迎光臨

猜猜誰到訪

感謝推薦

音符推推

人氣指數

當日人次:
累積人次:

快速搜尋

聆聽音符

隨興應用

RSS 訂閱

RSS2

ATOM

贊助商

其它資訊

本部落所刊登之內容，皆由作者個人所提供，不代表 yam 天空本身立場。

POWERED BY

會員登入│免費註冊