小型大写字母为什么没用??

来源:2-19 编程练习

1226122238

2018-10-16 23:33:03

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
        .red{color:red;font-weight:bold;font-style:italic;font-variant:small-caps;}
        .blue{color:blue;font-weight:bold;font-variant:small-caps;}
    </style>
    <!-- 补充代码 -->
</head>
<body>
    <p class="red">WEB前端功城狮(WEB FRONT SIEGE LION)</p>
    <p class="blue">CSS层叠样式表(CASCADING STYLE SHEETS)</p>
    <!-- 补充代码 -->
</body>
</html>


写回答

1回答

妮可妮可妮_

2018-10-17

font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是字体尺寸会比其余文本的更小。

建议同学可以将第二个p标签的内容改为:CSS层叠样式表(Cascading Style Sheets)

就可以看到效果啦~

如果可以解决你的疑惑,一定要记得采纳我哦~

祝学习愉快!


1

0 学习 · 36712 问题

查看课程