HTML 字体设置代码

编程知识 行业动态 更新时间:2024-06-13 00:22:12
<!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>

 

更多推荐

HTML 字体设置代码

本文发布于:2023-04-01 23:02:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/7f4d2bb77a2b6788b404cd0f80794a34.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:字体   代码   HTML

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!