请马上登录，朋友们都在花潮里等着你哦：）
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 马黑黑 于 2024-3-8 20:44 编辑
在CSS中设置元素背景，需要至少五个基于 background 的属性，分别是背景颜色（background-color）、背景图片（background-image）、背景重复与否（background-repeat）、背景尺寸（background-size）、背景位置（background-position），后四个属性都是基于背景图片，意思是，后三个属性都是作用于第二个即背景图片、对背景颜色（background-color）没有影响。
以下代码，基于元素的背景，仅设置了背景图片，这意味着其他属性都是用默认值。为了美观，元素的 width 和 height 必须和图片的实际尺寸一致，同时，为了便于观察，元素设置了1像素的红色实线边框。然后，通过JS的 window.getComputedStyle(element) 来获取元素的五个基于 background 的属性值——默认和缺省值。通过比较、分析源码和JS获取的属性情况，可以大致了解元素的 background 设置。
代码：
<style>
#mydiv {
width: 600px;
height: 338px;
border: 1px solid red;
background: url('https://638183.freep.cn/638183/t24/jpg/dysonstar.jpg');
}
</style>
<div id="mydiv"></div>
效果：
| 
发表于 2024-3-8 20:38
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
发表于 2024-3-8 21:04
楼主
所以小白默默的，就跟着老师好好学呀。