国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS3字體效果的設置方法小結

2024-07-11 08:25:41
字體:
來源:轉載
供稿:網友

1. 文本陰影 text-shadow
其實與陰影一樣
text-shadow: X軸偏移量 Y軸偏移量 模糊半徑 陰影顏色
注意: 1.color可以使用rgba色. 2.沒有inset值

CSS Code復制內容到剪貼板
  1. <style type="text/css">    .demo {   
  2.     width: 340px;        padding: 30px;   
  3.     font: bold 55px/100% "微軟雅黑";        color: #566F89;   
  4.     background: #000;        text-shadow: 2px 2px 0 #E4F1FF;   
  5. }    </style>   
  6.    <div class="demo">IMOOC</div>  

2. 溢出文本 text-overflow, 用(...)省略標記.

CSS Code復制內容到剪貼板
  1. text-overflow:clip;        /*表示剪切*/   text-overflow:ellipsis; /*表示顯示省略標記*/  
  2. <style type="text/css">    .test_demo{   
  3.     text-overflow:ellipsis;        overflow:hidden;   
  4.     whitewhite-space:nowrap;       /*強制文本在一行內顯示*/       width:200px;   
  5.     background:#ccc;    }   
  6. </style>      
  7. <div class="test_demo">      超酷的IT技術學習平臺(我是省略號)   
  8. </div>  

3. 嵌入字體 @font-face
這個重點講一下。
@font-face是CSS3中的一個模塊,他主要是把自己定義的Web字體嵌入到你的網頁中,隨著@font-face模塊的出現,我們在Web的開發中使用字體不怕只能使用Web安全字體,你們當中或許有許多人會不自然的問,這樣的東西IE能支持嗎?當我告訴大家@font-face這個功能早在IE4就支持了你肯定會感到驚訝。我的Blog就使用了許多這樣的自定義Web字體,比如說首頁的Logo,Tags以及頁面中的手寫英文體,很多朋友問我如何使用,能讓自己的頁面也支持這樣的自定義字體,一句話這些都是@font-face實現的,為了能讓更多的朋友知道如何使用他,今天我主要把自己的一點學習過程貼上來和大家分享。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 泉州市| 五大连池市| 海城市| 开平市| 郁南县| 华蓥市| 都昌县| 贵南县| 抚远县| 龙州县| 清镇市| 北碚区| 清水河县| 九龙县| 麻江县| 会东县| 盐边县| 沁阳市| 明溪县| 绵竹市| 扶沟县| 溧阳市| 丰顺县| 汕尾市| 纳雍县| 泰宁县| 新田县| 和政县| 阳曲县| 阜宁县| 长海县| 潞城市| 酉阳| 南涧| 山阳县| 文登市| 全州县| 疏附县| 通辽市| 鸡西市| 响水县|