css如何實現(xiàn)不讓字體傾斜

這篇文章給大家分享的是有關(guān)css如何實現(xiàn)不讓字體傾斜的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)主營寧安網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都app軟件開發(fā)公司,寧安h5成都微信小程序搭建,寧安網(wǎng)站營銷推廣歡迎寧安等地區(qū)企業(yè)咨詢

css不讓字體傾斜的實現(xiàn)方法：首先創(chuàng)建一個HTML示例文件；然后定義一組div；最后通過設(shè)置屬性“div_normal i{ font-style:normal}”讓文字不傾斜即可。

font-style屬性兼容各大瀏覽器，用來設(shè)置文字的顯示樣式。使用font-style:normal即可讓文字不傾斜。

取值：

normal : 正常的字體

italic : 斜體。對于沒有斜體變量的特殊字體，將應(yīng)用oblique

oblique : 傾斜的字體

下面，我們對div盒子里的文字字體設(shè)置為italic斜體，oblique傾斜體，使用font-style:normal去掉html <i>斜體標(biāo)簽?zāi)J(rèn)斜體樣式。

1、css代碼：

<style> 
    .div_italic{ font-style:italic} 
    .div_oblique{ font-style:oblique} 
    .div_normal i{ font-style:normal} 
    /* 去掉div_normal對象I斜體標(biāo)簽?zāi)J(rèn)斜體樣式 */ 
</style>

2、html代碼片段：

<div class="div_italic">我被加斜體</div> 
<div class="div_oblique">我被加傾斜</div> 
<div><i>我加I標(biāo)簽斜體</i></div> 
<div class="div_normal"><i>I斜體被CSS去掉</i></div>

3、效果

感謝各位的閱讀！關(guān)于css如何實現(xiàn)不讓字體傾斜就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

分享文章：css如何實現(xiàn)不讓字體傾斜
網(wǎng)頁地址：http://muchs.cn/article0/jcgpio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、營銷型網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站排名、網(wǎng)站收錄、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)