2012-03-27 58 views
7

我想讓h2同時加下劃線和閃爍。
有沒有什麼辦法可以實現這種修改只有h2的CSS樣式?CSS多文字裝飾

例如:

h2{ 
    text-decoration:underline,blink; 
} 

h2{ 
    text-decoration:underline; 
    text-decoration:blink; 
} 

*沒有上述作品

如果沒有這樣的方式是什麼做最快/最簡單的方法是什麼?

+0

你試過'文字裝飾:下劃線眨眼嗎? – powerbuoy 2012-03-27 02:09:40

+1

根據sitepoint,[允許用戶代理忽略此值,因爲閃爍的內容可能會損害頁面的可訪問性。](http://reference.sitepoint.com/css/text-decoration) - 大多數瀏覽器都是「buggy」支持 – Joseph 2012-03-27 02:10:14

+3

添加眨眼的唯一原因是當您設計一個可以取笑舊技術的網站時。 – 2012-03-27 02:13:48

回答

18

支持您需要的空間分隔它們:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

這是句法正確的方法,但我認爲你鏈接到一個爲了一個很好的理由擺弄一套不同的裝飾品,我讚賞你:) – BoltClock 2012-03-27 02:14:33

+0

@BoltClock http://jsfiddle.net/PamjT/2/ – 2012-03-27 02:16:46

+1

@Frederick Marcoux:FLAGGED> :( – BoltClock 2012-03-27 02:17:29

0

最簡單的就是設置border-bottom您H2:

h2 { 
    border-bottom:1px solid black; 
    text-decoration:blink; 
} 

請注意,眨眼不IE,Chrome和Safari

+0

底部邊框將在一個塊元素的寬度上延伸,這可能是或者可能不是OP想要的,因爲它不是文本裝飾(顯然)。 – BoltClock 2012-03-27 02:15:42

+0

我知道這一點,不知道你可以指定文本修飾聲明中的兩個值:(哦,非常感謝@BoltClock :) – 2012-03-27 02:17:39