首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【CSS】盒子模型外边距 ③ ( 插入图片 | 插入图片位置移动 - 修改外边距 | 背景图片 | 背景图片移动位置 - 修改背景位置 background-position )

文章目录 一、插入图片 1、简介 2、代码示例 二、背景图片 1、简介 2、代码示例 一、插入图片 ---- 1、简介 插入图片 : 插入图片方式 : 在 HTML 中 , 使用 标签可以插入一张图片...; 插入图片适用场景 : 显示 内容 , 按钮 , 一般都使用 插入图片 的方式 展示图片 , 设置插入图片大小 : 通过设置 盒子模型 内容尺寸 而设置图片大小 ; width 设置图片内容宽度...---- 1、简介 背景图片 : 设置背景图片方式 : 在 CSS 中 , 为 盒子 设置 background 属性 , 设置背景图片 ; /* 设置图片背景 */ background:...pink url(images/image.jpg) no-repeat; 背景图片适用场景 : 显示 小图标 或 超大背景 , 一般都使用 背景图片 的方式 展示图片 ; 设置背景图片大小 : 通过设置...背景图片的尺寸 而设置图片大小 ; 设置背景图片显示位置 : 通过修改 背景位置 background-position 修改图片显示位置 ; 代码示例 : div { /* 设置盒子大小

1.7K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【CSS】CSS 总结 ③ ( CSS 背景设置 | 背景颜色 | 背景图片 | 背景图片平铺样式 | 背景图片位置 | 超大背景图片设置 | 背景附着 | 背景样式简写 | 背景半透明 ) ★

    CSS 的背景图片样式语法 : 背景图片的链接需要写在 url() 中 , 并且 url() 中的链接可以没有双引号 ; background-image: url(相对路径); 在 url() 中设置相对链接...url() 中的链接没有双引号 3、背景图片平铺样式 通过设置 background-repeat 属性 , 可以设置平铺效果 ; 默认平铺样式 : background-repeat: repeat...网页背景兼容问题 在网站开发时 , 经常遇到 网站首页使用超大背景图片显示 的情况 , 如 : 背景图片 使用 1920 x 1080 像素的图片 ; 每个人的电脑分辨率不同 , 有的电脑的分辨率可能没有...这样设置 : 如果电脑分辨率很小 , 可以看到图片中心偏上的位置 ; 如果电脑分辨率很大 , 背景图片位于屏幕中心偏上位置 ; 超大背景图片编辑策略 图片编辑策略 : 在高分辨率的电脑上可以显示全部内容...可滚动的 还是 固定的 ; 使用 背景附着 的前提也是必须 提前设置 背景图片 , 背景图片设置语法如下 : background-image: url(images/xxx.jpg); 背景附着 语法如下

    2.8K10
    领券