CSS的font-style屬性可以控制文本的字體樣式，其中包括傾斜的樣式。在HTML中，我們可以使用<em>標(biāo)簽來實(shí)現(xiàn)文本的強(qiáng)調(diào)效果，并且瀏覽器會默認(rèn)將<em>標(biāo)簽內(nèi)的文本傾斜顯示。

但是有時候在設(shè)計(jì)中需要取消<em>標(biāo)簽的傾斜效果，這時候我們可以使用CSS中的font-style: normal來實(shí)現(xiàn)。例如，我們可以給<em>標(biāo)簽設(shè)置一個class名為no-italic，然后在CSS中為這個class設(shè)置font-style: normal，這樣所有使用了這個class的<em>標(biāo)簽內(nèi)的文本就會取消傾斜效果了。

.no-italic {
font-style: normal;
}

需要注意的是，如果我們的<em>標(biāo)簽內(nèi)還有其他樣式，例如設(shè)置了顏色、字體大小等，那么使用.no-italic這個class會將所有的樣式都移除。所以，我們可以在.no-italic這個class中只設(shè)置font-style: normal這一個屬性，這樣其他樣式就不會受到影響了。

下面是一個例子，使用.no-italic這個class取消<em>標(biāo)簽的傾斜效果：

<p>這段文本中的 <em>重要信息</em> 不需要傾斜效果</p>
<p>這段文本中的 <em class="no-italic">重要信息</em> 不傾斜</p>