代码好像没错怎么不显示倾斜和小型字母

来源:2-15 编程练习

慕仙8252860

2019-10-11 10:25:43

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        p{color:blue;font-size:2em;font-family:"微软雅黑";}
        .weight{font-weight:bold;}
        .style{font-style:italic;}
        .fontvariant{font-variant:small-caps;}
    </style>
</head>
<body>
    <p class="weight">font-weight属性规定的字体粗细</p>
    <p class="style">font-style属性规定的字体样式</p>
    <p class="fontvariant">font-variant属性设置文本为小型大写字母</p>


</body>
</html>

写回答

1回答

好帮手慕夭夭

2019-10-11

你好同学,效果是对的,第二段文字是倾斜的,第三段中也显示了小型字母哦。如下:

http://img.mukewang.com/climg/5d9ff4ce09aa9ec106870217.jpg

去掉样式对比一下就明显了:

http://img.mukewang.com/climg/5d9ff5120995972d07570261.jpg

在本地使用谷歌测试一下哦。代码效果实现了哦。继续加油,祝学习愉快!

0

0 学习 · 40143 问题

查看课程