span标签

能让某几个文字或者某个词语凸显出来

    <p>享受
        <span class="show">“北大式”</span>
        教育服务
    </p>
    <p>在北大青鸟,有一群人默默支持你成就
        <span id="dream">lT梦想</span>
    </p>
    <p class="bird">选择
        <span>北大青鸟</span>,,成就你的梦想
    </p>

字体样式

文本属性

排版文本段落

文本装饰

text-decoration

    <p style="text-decoration: none;">我爱吃鸡排</p>
    <p style="text-decoration: underline;">我爱吃鸡排</p>
    <p style="text-decoration: overline;">我爱吃鸡排</p>
    <p style="text-decoration: line-through;">我爱吃鸡排</p>

垂直对齐方式

veryical-align

    <p style="vertical-align:top">我爱吃鸡排</p>
    <p style="vertical-align: bottom;">我爱吃苹果</p>
    <p style="vertical-align: middle;">我爱吃牛肉</p>

文本阴影

使用CSS设置超链接

列表样式

网页背景

background-color

十六进制

transparent

background-image

background-image:url(图片路径)

线性渐变

Logo

码道开发者社区,聚焦华为云码道 CodeArts 代码智能体,沉淀 Agent、Skill、鸿蒙开发实战内容,供开发者查阅资料、交流技术、分享工程实践

更多推荐