這篇文章主要介紹“css字體設(shè)置Font邊框Border的基礎(chǔ)用法是什么”,在日常操作中,相信很多人在css字體設(shè)置Font邊框Border的基礎(chǔ)用法是什么問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css字體設(shè)置Font邊框Border的基礎(chǔ)用法是什么”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
丹鳳網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián),丹鳳網(wǎng)站設(shè)計制作,有大型網(wǎng)站制作公司豐富經(jīng)驗。已為丹鳳近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的丹鳳做網(wǎng)站的公司定做!
1.字體設(shè)置Font
1).字體系列
可用字體: Serif Sans-serif Monospace Cursive Fantasy Times Courier
2).字體風(fēng)格
文本傾斜: normal 文本正常顯示 italic 文本斜體顯示 oblique 文本傾斜顯示
3).字體變形
normal 顯示標(biāo)準(zhǔn)字體。 small-caps 顯示小型大寫字母的字體。
4).字體加粗
normal 標(biāo)準(zhǔn)的字符 bold 粗體字符 bolder 更粗的字符 lighter 更細(xì)的字符 也可以使用數(shù)字表示,范圍為100~900
5).字體大小
smaller 變小 larger 變大 length 固定值 而且還支持百分比
2.邊框Border
首先說一下邊框風(fēng)格,它的風(fēng)格比較多,常用的一般是實線為主:
hidden 隱藏邊框 dotted 點狀邊框 dashed 虛線邊框 solid 實線邊框 double 雙線邊框 groove 3D凹槽邊框 ridge 3D壟狀邊框 inset 3D inset邊框 outset 3D outset邊框 邊框也有四面,所以也會有上下左右 所以有時候為了更精確定位并修改樣式可以使用: border-top-style 上邊框樣式 border-right-style 右邊框樣式 border-bottom-style 下邊框樣式 border-left-style 左邊框樣式
先定義邊框的寬度 風(fēng)格和顏色,然后定義邊框的其它屬性。
1).邊框形狀
2).邊框陰影
參數(shù)含義: 邊框各個方向的大小和顏色
3).邊框圖片
參數(shù)含義: 邊框圖片的路徑 圖片邊框向內(nèi)偏移 圖片邊框的寬度 邊框圖像區(qū)域超出邊框的量 圖像邊框是否應(yīng)平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。
到此,關(guān)于“css字體設(shè)置Font邊框Border的基礎(chǔ)用法是什么”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
當(dāng)前題目:css字體設(shè)置Font邊框Border的基礎(chǔ)用法是什么
URL地址:http://weahome.cn/article/pgicij.html