卡卡網(wǎng)

許多知名網(wǎng)站都在文字鏈的右邊加一個(gè)箭頭圖標(biāo)，例如Google站長(zhǎng)管理后臺(tái)，Alexa官網(wǎng)等，這樣設(shè)計(jì)的好處是讓鏈接更醒目，更容易辨認(rèn)。文字鏈右邊加一個(gè)箭頭圖標(biāo)的方法，多數(shù)人是使用css背景圖來(lái)實(shí)現(xiàn)，包括上面提到的Google站長(zhǎng)管理后臺(tái)，Alexa官網(wǎng)等。是的，這種方法最容易掌握和應(yīng)用。這正是本文要介紹的實(shí)現(xiàn)方法。

之前設(shè)計(jì)網(wǎng)頁(yè)，如果希望div或table居中，總是用<center></center>把它包起來(lái)，但是這樣的結(jié)果，div或table雖然居中了，但div或table里面的文字也居中了，這是不符合設(shè)計(jì)者意愿的。那么，我們能否用css實(shí)現(xiàn)div或table居中，文字不居中呢？答案是肯定的，本文將給你介紹如何實(shí)現(xiàn)此效果。

blockquote默認(rèn)的雙引號(hào)千篇一律太過(guò)普通，我們能否更改它并美化它，以搭配網(wǎng)頁(yè)模版的視覺(jué)要求？答案是肯定的。下面我就以兩個(gè)實(shí)例來(lái)教你怎樣修改和美化blockquote雙引號(hào)，并送上漂亮的css樣式。

有關(guān)Blockquote的css樣式，上一篇已經(jīng)介紹了《5個(gè)Blockquote的css樣式》，不過(guò)，那是使用css1的寫法，要借助雙引號(hào)的圖片和span、div等標(biāo)簽來(lái)完成。今天將介紹3個(gè)使用css3來(lái)實(shí)現(xiàn)的Blockquote樣式，代碼更簡(jiǎn)潔，并且無(wú)需借助圖片，推薦使用。

Blockquote標(biāo)簽多用于文章引用內(nèi)容的時(shí)候，這里將介紹8個(gè)blockquote的css樣式，通過(guò)實(shí)例，讓大家進(jìn)一步了解blockquote的用法。

在網(wǎng)頁(yè)設(shè)計(jì)中，一些區(qū)域的標(biāo)題文字是不能換行的，例如首頁(yè)顯示的文章標(biāo)題，因?yàn)椴季质枪潭ǖ?，換行會(huì)打亂布局，從而使網(wǎng)頁(yè)產(chǎn)生錯(cuò)位。因此，我們需要一行一段文字，超出行寬的文字用省略號(hào)表示或者直接去掉不用省略號(hào)代替。

hover在css里比較常見(jiàn)，多用于菜單或一些按鈕上的鼠標(biāo)事件，用法也比較簡(jiǎn)單，不難掌握。不過(guò)在瀏覽器兼容性測(cè)試中，發(fā)現(xiàn)ie瀏覽器對(duì)hover還是很挑剔的，html寫法會(huì)影響hover是否有效。

div+css實(shí)現(xiàn)的下拉菜單大量被網(wǎng)頁(yè)設(shè)計(jì)師使用，通過(guò)div+css，可以隨心所欲的實(shí)現(xiàn)自己想要的樣式效果，使得下拉菜單與網(wǎng)頁(yè)整體布局搭配的更美觀和諧。

我寫文章，喜歡段落開(kāi)頭空兩格，以前，我都是手動(dòng)敲兩個(gè)空格進(jìn)去，后來(lái)，我發(fā)現(xiàn)，有的文章的每個(gè)段落開(kāi)頭并沒(méi)有空格符，而在網(wǎng)頁(yè)上顯示時(shí)照樣會(huì)縮進(jìn)兩個(gè)空格。這就是菜鳥和專家的差別。