EduCoder_web实训作业--背景样式

最新推荐文章于 2024-04-01 02:21:55 发布

柔心封寒

最新推荐文章于 2024-04-01 02:21:55 发布

阅读量741

点赞数 1

文章标签： css

本文链接：https://blog.youkuaiyun.com/qq_45520915/article/details/111805513

版权

本文档详细介绍了EduCoder_web实训中关于CSS背景样式的实践内容，包括如何切换到style.css，以及逐步解析从第一关到第三关的背景样式设置技巧和难点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一关
记得切换到style.css

/* ********** BEGIN ********** */
body{
    background-color: ivory;
}
/* ********** END ********** */

h1 {
    font-size: 40px;
    text-align: center;
}

p {
    font-size: 18px;
    color: grey;
    /* ********** BEGIN ********** */
    background-color: lightblue;
    /* ********** END ********** */
}

第二关

body {
    /* ********** BEGIN ********** */
    /*设置背景图片*/
    background-image: url("https://www.educoder.net/attachments/download/211106") ;
    /*设置背景图片模式*/

    /* ********** END ********** */
}

div {
    width: 90%;
    height: 100%;
    margin: auto;
}

第三关

body {
    margin-right: 200px;
    /* ********** BEGIN ********** */
    /*设置背景图片*/
    background: url("https://www.educoder.net/attachments/download/211104") no-repeat fixed right top;
    /* ********** END ********** */
}

div {
    width: 90%;
    height: 100%;
    margin: auto;
}