前端开发设置字体的样式

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>

        <style type="text/css">
            /* 浏览器使用斜体的字体样式显示,如果字体没有斜体,那么正常显示字体 */
            .p1 {
                font-style: italic;
            }

            /* 浏览器会让文字倾斜显示 */
            .p2 {
                font-style: oblique;
            }

            .p3 {
                font-style: normal;
            }
        </style>

    </head>
    <body>
        <p class="p1">这是个段落标签1</p>
        <p class="p2">这是个段落标签2</p>
        <p class="p3">这是个段落标签3</p>
    </body>
</html>
image
posted @ 2020-10-09 22:12  thomas_blog  阅读(2849)  评论(0编辑  收藏  举报