CSS3 ??? ??

1.text-shadow ?? ?? ??

text-shadow ?? ?? ??? ??? ????.

text-shadow:length length length color

? ? ?? ? ?? ??? ????? ???? ?? ??, ????? ???? ?? ?? ? ???? ?? ??? ?????. ???? ????.

??? text-shadow ??? ??? ????. ? ??? ??? ??? ??? ???? ?? ?????. ???? ??? ??? ?? ? ?? ??? ?? 5?????.

.wrap{
text-shadow:5px 5px 5px gray;
color:red;font-size:50px;
font-weight:bold;
}

2. ?? ??? ??

text-shadow ??? ???? ???? ?? ???? ???? ? ???? ?? ?? ??? ??? ? ????.

?? ???? ??? ?? ??? ???? ?? ???? ?????. ????? Firefox, Chrome ? Opera ??????? ? ??? ?????.

?? ??

???? ???, ???, ?? ???? ???? ???? ??? ???? ??? ??? ?????.

.wrap {
  text-shadow:10px 10px #f39800,40px 35px #fff100,70px 60px #c0ff00;
color:navy;
font-size:50px;
font-weight:bold;
}

?? ? ??

?? ? ??? ?? ??? ???? ?? ? ????.

QQ圖片20161021131720.png

CSS3?? ?? ? ?? ??? ???? ???? ??? ? ??? ? ????. ?? ???:

QQ截圖20161021131825.png

? ??? ??? ?? ?? ??? ??:

p {word-wrap:break-word;}

? ??? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?> - ?? ??? ?? ?? ??? ?????? ??? ??? ??? ?????. 3

Punctuation-trim? ??? ??? ???? ??? ?????. 3

Text-Align-Last ?? ??? ? ?? ?? ?? ?? ?? ?. 3 text-emphasis ??? ???? ?? ??? ?? ??? ???? ?????. ? ? ? ? ? ? ? ? 3

text-justify? text-align? "justify"? ??? ?? ???? ?? ??? ?????. ??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? ~ + ~ ~? ??? ???? ?? ~ ~????????????????????????????????????????????????? ? 3

Word-Bream? ?? ??? ???? ?? ???? ? ?? ??? ?????. 3

Word-wrap? ???? ?? ??? ? ?? ??? ?? ?? ??? ??? ? ????. ~

???? ??

??? ??

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> h1 { text-shadow: 5px 5px 5px #FF0000; } </style> </head> <body> <h1>文字陰影效果</h1> <p><b>注意:</b> Internet Explorer 9 以及更早版本的瀏覽器不支持 text-shadow屬性.</p> </body> </html>

?????? ???

????