css不讓字體傾斜的實作方法:先建立一個HTML範例檔案;然後定義一組div;最後透過設定屬性「div_normal i{ font-style:normal}」讓文字不傾斜即可。
本教學操作環境:windows7系統、css3版、thinkpad t480電腦。
推薦:《css影片教學》
font-style屬性相容各大瀏覽器,用來設定文字的顯示樣式。使用font-style:normal即可讓文字不傾斜。
取值:
normal : 正常的字體
italic : 斜體。對於沒有斜體變數的特殊字體,將應用oblique
oblique : 傾斜的字體
下面,我們對div盒子裡的文字字體設定為italic斜體,oblique傾斜體,使用font- style:normal去掉html 斜體標籤預設斜體樣式。
1、css程式碼:
<style> .div_italic{ font-style:italic} .div_oblique{ font-style:oblique} .div_normal i{ font-style:normal} /* 去掉div_normal对象I斜体标签默认斜体样式 */ </style>
2、html程式碼片段:
<div class="div_italic">我被加斜体</div> <div class="div_oblique">我被加倾斜</div> <div><i>我加I标签斜体</i></div> <div class="div_normal"><i>I斜体被CSS去掉</i></div>
3、效果
以上是css不讓字體傾斜怎麼實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!