2012-03-27 10 views
7

Tôi muốn có gạch chân h2 và nhấp nháy cùng một lúc.
Có cách nào để đạt được điều này chỉ thay đổi kiểu CSS của h2?CSS nhiều văn bản-trang trí

Ví dụ:

h2{ 
    text-decoration:underline,blink; 
} 

hoặc

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

* không có ở trên làm việc

nếu không có cách nào như vậy,/Cách nhanh nhất dễ nhất để làm điều đó là gì?

+0

Bạn đã thử 'text-decoration: underline blink'? – powerbuoy

+1

theo sitepoint, [Phù hợp với các tác nhân người dùng được phép bỏ qua giá trị này, vì nội dung nhấp nháy có thể gây bất lợi cho khả năng truy cập của trang.] (Http://reference.sitepoint.com/css/text-decoration) - và hầu hết các trình duyệt "buggy" trong hỗ trợ – Joseph

+3

Lý do duy nhất để thêm nhấp nháy là khi bạn đang thiết kế một trang web làm cho niềm vui của các kỹ thuật cũ. –

Trả lời

18

Bạn cần không gian tách chúng:

text-decoration: underline overline line-through; 

http://jsfiddle.net/PamjT/

+5

Đây là cách cú pháp chính xác, nhưng tôi cho rằng bạn đã liên kết với fiddle với một bộ đồ trang trí khác nhau cho một lý do tốt, và tôi hoan nghênh bạn cho nó :) – BoltClock

+0

@BoltClock http://jsfiddle.net/PamjT/2/ –

+1

@Frederick Marcoux: FLAGGED> :( – BoltClock

0

dễ nhất là để thiết lập border-bottom để h2 của bạn:

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

Xin lưu ý chớp mà không được hỗ trợ trong IE, Chrome và Safari

+0

Đường viền dưới sẽ trải dài trên chiều rộng của phần tử khối có thể hoặc không phải là thứ mà OP muốn, bởi vì nó không phải là trang trí văn bản (hiển nhiên). – BoltClock

+0

Tôi biết điều đó, không biết bạn có thể chỉ định hai giá trị trong một tuyên bố trang trí văn bản :(, o cũng nhờ @BoltClock :) –