17.图片对齐,文本修饰线,color文字颜色

Little_Green1

于 2024-08-16 11:02:54 发布

阅读量223

点赞数 11

分类专栏：前端文章标签：前端 html css3

本文链接：https://blog.csdn.net/Little_Green1/article/details/141253269

版权

前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

一.水平对齐方式-图片

用到的属性也是text-align,本质是控制内容的对齐方式,属性要设置给内容的父级,比如,我给<div>标签给一个text-align,那么<div>内的内容就会受到text-align属性的影响,因为<div>标签是父级,他所包含的内容是子级,CSS对父级的影响会继承给子级.举个例子

<style>
    div {
        text-align: center;
    }
</style>
</head>
<body>
    <div>
        外卖平台
        <br>
        <img src="../外卖平台/1.jpg" alt="">
    </div>
</body>

二.文本修饰线

用来给文本段落添加效果的属性,跟之前学的文本格式化标签类似,这里涉及到text-decoration属性,有四个属性值,none是无,underline是下划线,line-through是删除线,overline是上划线

<style>
    a {
        text-decoration: none;
    }

    div {
        text-decoration: underline;
    }

    p {
        text-decoration: line-through;
    }

    span {
        text-decoration: overline;
    }
</style>
 </head>
 <body>
    <a href="#">a标签, 去掉下划线</a>
    <div>div标签, 添加下划线</div>
    <p>p标签, 添加删除线</p>
    <span>span标签, 添加顶划线</span>
 </body>

三.color文字颜色

属性名color,有四种属性值表示方法:1.颜色关键字,red,green.2.rgb表示法,rgb(3,6,30)r,g,b表示红绿蓝三原色,取值0,255. 3.rgba表示法,a表示透明度,取值0,1,可实现透明色. 4.十六进制表示法,#RRGGBB,比如#000000,#ffcc00,如果是两两相同,可以省略一个:#000,#fc0.

<style>
    h1 {
        /* color: red; */
        /* color: rgb(0, 255, 0); */
        /* color: rgba(0,0,0,0.3); */
        /* color: #0000ff; */
        color: #00f;
    }
</style>

如有错误,欢迎指正

Little_Green1

关注

11
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
17.图片对齐,文本修饰线,color文字颜色

属性名color,有四种属性值表示方法:1.颜色关键字,red,green.2.rgb表示法,rgb(3,6,30)r,g,b表示红绿蓝三原色,取值0,255. 3.rgba表示法,a表示透明度,取值0,1,可实现透明色. 4.十六进制表示法,#RRGGBB,比如#000000,#ffcc00,如果是两两相同,可以省略一个:#000,#fc0.一.水平对齐方式-图片。三.color文字颜色。
复制链接

扫一扫