HTML_CSS学习：背景、鼠标相关属性

马龙强_

已于 2024-05-03 15:17:56 修改

阅读量449

点赞数 1

CC 4.0 BY-SA版权

文章标签： html css 学习

于 2024-05-03 15:15:35 首次发布

本文链接：https://blog.csdn.net/m0_74972727/article/details/138417006

一、背景相关属性

相关代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>背景相关属性</title>
    <style>
        body{
            background-color: greenyellow;
        }
        div{
            width: 400px;
            height: 400px;
            font-size: 40px;
            border: 5px black solid;
            /*默认背景色*/
            /*background-color: transparent;*/
            /*设置背景颜色*/
            background-color: #0dcaf0;
            /*设置背景图片*/
            background-image: url("../pictures/喜羊羊.jpg");
            /*设置背景图片的重复方式*/
            /*background-repeat: no-repeat;*/
            /*只在水平方向上重复*/
            background-repeat: repeat-x;
            /*控制背景图片的位置*/
            /*background-position: left top;*/
            /*控制背景图片的位置-第一种写法：关键词*/
            background-position: center bottom;
            /*控制背景图片的位置-第二种写法：具体的像素值*/
            /*单写一个数值：表