html5中怎么设置文本斜体

※ 声明:本站为非商业性博客,内容均为本站网友收集于互联网公开分享,仅限于学习和探讨的目的,不得将上述内容用于非法或商业途径,版权争议与本站无关,如有冒犯,请留言删除!

html5中设置文本斜体的方法:1、使用“<i>”标签,语法“<i>斜体文本内容</i>”;2、使用“<em>”标签,语法“<em>斜体文本内容</em>”;3、使用style属性给文本元素添加“font-style:italic;”样式。

大前端成长进阶课程  本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。 html5中设置文本斜体 方法1:使用<i>标签  定义与文本中其余部分不同的部分,并把这部分文本呈现为斜体文本。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>字体倾斜</title>
    </head>
    <body>
        <div>
            <p>鹦鹉台<br /><br />
            鹦鹉台网址:<i>www.zimtv.cn</i>  !<br /><br />
            这里使用html i标签来<i>倾斜字体</i>
            </p>
        </div>
    </body>
</html>

方法2:使用<em>标签

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>字体倾斜</title>
    </head>
    <body>
        <div>
            <p>鹦鹉台<br /><br />
            鹦鹉台网址为:<em>www.zimtv.cn</em>  !<br /><br />
            这里使用html em标签来<em>倾斜字体</em>
            </p>
        </div>
    </body>
</html>

方法3:使用style属性给文本元素添加font-style: italic;样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>字体倾斜(斜体)样式</title>
    </head>
    <body>
        <div>
            这里是一段测试文字,文字设置了<span style="font-style: italic;">倾斜(斜体)样式</span>
        </div>
    </body>
</html>



※ 感谢您的支持,如果喜欢本内容,请打赏本站!谢谢!
打赏 支付宝打赏 微信打赏

评论回复

- 大 河 之 星 -

2012-12-12 周一 88:88:88 鹦鹉台上线运行时间统计

网站声明:所有节目源均来源自互联网,本站不存储、不制作任何视频内容。

如本站内容侵犯到您的权益,请说明具体情况,本站会第一时间处理。

您是本站第29名访客 今日有0篇新文章
- 大 河 之 星 -

2012-12-12 周一 88:88:88 鹦鹉台上线运行时间统计

网站声明:所有节目源均来源自互联网,本站不存储、不制作任何视频内容。

如本站内容侵犯到您的权益,请说明具体情况,本站会第一时间处理。

您是本站第30名访客 今日有0篇新文章