提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > CSS中font-style定义字体倾斜体款式的代码示例【css教程】,css

本篇文章给人人带来的内容是关于CSS中font-style定义字体倾斜体款式的代码示例,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

一、经常运用斜体语法

经常运用字体款式设置font-style: italic

兼容各大浏览器

normal : 一般的字体(默许字体款式,可用于去掉html i斜体标签默许斜体款式)

italic : 斜体。关于没有斜体变量的特别字体,将运用oblique

oblique : 倾斜的字体

二、css斜体案例

我们对divcss5盒子里的笔墨字体设置为italic斜体,oblique倾斜体,运用font-style:normal去掉html 斜体标签默许斜体款式。

1、css代码:

<style>
  .divcss5_italic{ font-style:italic}
  .divcss5_oblique{ font-style:oblique}
  .divcss5_normal i{ font-style:normal}
  / 去掉divcss5_normal对象I斜体标签默许斜体款式 /
  </style>

2、html代码片断:

<div class="divcss5_italic">我被加斜体</div>
  <div class="divcss5_oblique">我被加倾斜</div>
  <div>我加I标签斜体</div>
  <div class="divcss5_normal">I斜体被CSS去掉</div>

3、div css斜体案例截图

CSS font-style斜体字体倾斜体款式(italic oblique normal)

三、总结

让对象盒子里的笔墨字体为斜体,能够对对应盒子加css款式font-style:italic即可完成对象内笔墨字体为斜体。同时我们案例也演示了运用CSS去掉斜体款式,运用CSS font-style:normal去掉I斜体标签斜体款式。

以上就是CSS中font-style定义字体倾斜体款式的代码示例的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"CSS中font-style定义字体倾斜体款式的代码示例【css教程】,css"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线