美文网首页
【html学习笔记8】-颜色

【html学习笔记8】-颜色

作者: 兔小小 | 来源:发表于2023-08-21 23:57 被阅读0次

    各种颜色的名字

    html支持140种的标准颜色HTML Color Names (w3schools.com)

    背景颜色

    例子:

    <h1 style="background-color:DodgerBlue;">Hello World</h1>
    <p style="background-color:Tomato;">Lorem ipsum...</p>
    

    字体颜色

    例子:

    <h1 style="color:Tomato;">Hello World</h1>
    <p style="color:DodgerBlue;">Lorem ipsum...</p>
    <p style="color:MediumSeaGreen;">Ut wisi enim...</p>
    

    边框颜色

    例子:

    <h1 style="border:2px solid Tomato;">Hello World</h1>
    <h1 style="border:2px solid DodgerBlue;">Hello World</h1>
    <h1 style="border:2px solid Violet;">Hello World</h1>
    

    颜色格式

    支持RGB , HEX , HSL , RGBA , 和HSLA 格式的颜色。

    例子:

    <h1 style="background-color:rgb(255, 99, 71);">...</h1>
    <h1 style="background-color:#ff6347;">...</h1>
    <h1 style="background-color:hsl(9, 100%, 64%);">...</h1>
    
    <h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
    <h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
    

    相关文章

      网友评论

          本文标题:【html学习笔记8】-颜色

          本文链接:https://www.haomeiwen.com/subject/lywymdtx.html