小白学习html&css一些笔记——7.css属性

最新推荐文章于 2024-07-12 20:49:16 发布

NiaYoop

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量88

点赞数

分类专栏：小白编程自学分享文章标签： css html

本文链接：https://blog.csdn.net/niayooop/article/details/115069518

版权

自学分享同时被 2 个专栏收录

25 篇文章 0 订阅

订阅专栏

小白编程

24 篇文章 0 订阅

订阅专栏

color:颜色
font-size:字体大小，单位px和em
text-align:文本对齐方式 ,left/right/center
line-height:行高
border:边框通常为border:1px solid red;(1px可以换成其他像素 red可以换成其他颜色)
height:高度
width:宽度
background:url(“图片路径”) no-repeat center
no-repeat:不重复
center:居中

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    p{
        color: #FF0000;
        font-size: 20px;
        text-align: center;
        line-height: 200px;

        /*
            border 边框
        */

        border: 1px solid red;
    }

    div{
        border: 1px solid blue;
        /*
            尺寸
         */
        height: 200px;
        width: 200px;
        /*
            背景
         */
        background: url("img/logo.jpg")no-repeat center;
    }

    </style>
</head>
<body>

    <p>黑马程序员</p>
    <div>黑马程序员</div>

</body>
</html>

在这里插入图片描述

NiaYoop

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
小白学习html&css一些笔记——7.css属性

color:颜色font-size:字体大小，单位px和emtext-align:文本对齐方式 ,left/right/centerline-height:行高border:边框通常为border:1px solid red;(1px可以换成其他像素 red可以换成其他颜色)height:高度width:宽度background:url(“图片路径”) no-repeat centerno-repeat:不重复center:居中<!DOCTYPE html><htm
复制链接

扫一扫