HTML 字体设置代码

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, init

南城雨落14

6549人浏览 · 2021-11-19 19:31:08

南城雨落14 · 2021-11-19 19:31:08 发布

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字体设置</title>
    <style tylie="text/css">
        .p1{color: red;}  /*文字颜色*/
        .p2{font-family: "华文中宋";}/*文字系统*/
        .p3{font-size: 26px;}/*文字大笑*/
        .p4{font-weight: bold;}/*文字加粗*/
        .p5{font-style: italic;}/*文字倾斜*/
        .p6{text-indent: 60px;}/*首行缩进*/
        .p7{text-align: center;}/*水平对齐方式*/
        .p8{line-height: 100px;}/*行高*/
        .p9{height: 100px;background-color: saddlebrown;line-height: 100px;} /**/
        .p10{text-decoration: underline;}/*文字修饰*/
    </style>
    
</head>
<body>
    <ul ciass="a">
        <li class="p1">1从明天起，做一个幸福的人</li>
        <li class="p2">2喂马，劈柴，周游世界</li>
        <li class="p3">3从明天起，关心粮食和蔬菜</li>
        <li class="p4">4我有一所房子，</li>
        <li class="p5">5面朝大海，春暖花开</li>
        <li class="p6">6从明天起，</li>
        <li class="p7">7和每一个亲人通信</li>
        <li class="p8">8告诉他们我的幸福</li>
        <li class="p9">9那幸福的闪电告诉我的</li>
        <li class="p10">10我将告诉每一个人</li>
    </ul>
</body>
</html>