css3文本效果

 .my p{

          text-shadow: 5px 5px  5px red;
          


          }

1.text-shadow文本效果,文字陰影;

2.CSS3文本溢出屬性指定應向用戶如何顯示溢出內容處理:text-overflow處理的效果1).ellipsis表示以省略號代替;2).

(1).代碼效果 text-overflow:clip

UI效果:


(2).text-overflow:ellipsis

效果圖:


text-overflow:'>>'字符串(必須特殊符號必須在firfox纔有效果;),符號的個數也與文本的寬度有關係的,也能產生效果;效果圖:





文本換行:

word-wrap:break-word;表示打破文章單詞的完整性;

keep-all,表示單詞的完整性;

如要更加細緻的研究有關文本文字效果,請參考菜鳥教程!


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章