CSS基础：引用外部字体
生活随笔
收集整理的這篇文章主要介紹了
CSS基础：引用外部字体
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
從外部引用字體
table表格的運用
li標簽去點，去空白
要做的效果圖如下：
?
?
具體代碼實現：
<!DOCTYPE html> <html><head><meta charset="utf-8"><title> #### </title><style>div{font-size: 35px;}@font-face {font-familysrc: url("img/FZJZZJW.ttf");}.p1{font-family:FZJZZJW;letter-spacing: 5px;}.p2{text-indent: 2em;}body{color: darkcyan;}.p3{font-family: STKaiti;}.p4{list-style: none;margin-left: -3.4%;}@font-face {font-family:'FZJZJW';src: url(../font/FZJZJW.TTF);}</style></head><body><br><div style="text-decoration: none;font-family: FZJZJW;" class="p1"><center>活動通知</center></div><br><p class="p3" align="center">————第一期員工活動主題為“放飛身心 踏青徒步”</p><p style="text-align: center;">————————————————————————————————————————————————————————————————————————————————————————</p><p><strong>各位公司同仁：</strong></p><p class="p2">首期員工活動在春暖花開、陽光明媚的五月正式開始，邀請大家走出鋼筋水泥的大森林，享受陽光、親近自然、放松心情，舒展內容是踏青徒步。<mark>踏青徒步活動時間為5月6日。</mark></p></body><table><tr><td valign="top"><img src="../img/taqing.png" height="300" width="600"/></td><td style="line-height: 150%;"> <ul><br><li class="p4" ><strong>1、安排如下：</strong></li><li><mark>13:00</mark>在公司門口集合；</li><li><mark>13:30</mark>集體徒步前往目的地；</li><li><mark>16:30</mark>活動結束，大家可以自由活動。</li><li class="p4"><strong>2、活動須知</strong></li><li>各位同事提前安排好工作，如因工作原因不能參加本次活動的人員請通知行政人事部；</li><li>公司為所有參與人員準備飲用水、面包、餐布、撲克等必需物品；</li><li>上衣穿著公司統一購買t恤，員工自行選擇方便運動、徒步。</li><br><br><br><br></ul></td></tr> </table><body><p align="right"><strong>行政文化中心<br>2019年4月22日</strong></p></body> </html>網頁運行結果：
?
總結
以上是生活随笔為你收集整理的CSS基础：引用外部字体的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： C语言经典程序
- 下一篇： html5 css3实现幻灯片效果代码,