CSS(六) 设置背景颜色和背景图像

最新推荐文章于 2024-07-02 16:31:15 发布
最新推荐文章于 2024-07-02 16:31:15 发布
阅读量2.8k 收藏 3
点赞数 1
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hlfsunshine/article/details/78170085
版权

设置背景颜色

<body style="background-color: blue;">我是蓝色背景
<h1 style="background-color: red;">我是红色背景</h1>
</body>

设置背景图像

默认的是用这个图片铺满这个页面

<body style="background-image: url(../1.jpg)">

设置背景图像平铺

<div style="background-image: url(../banner.jpg);background-repeat: repeat-x;height: 96px;border: 1px red solid;">平铺</div>

设置背景图像位置
背景图片不重复

<body style="background-image: url(../1.jpg);background-repeat: no-repeat;background-position: 20px 40px">

设置背景图片位置固定
页面在浏览上下移动的时候，背景图片不动

<body style="background-image: url(../1.jpg);background-repeat: no-repeat;background-position: 20px 40px;background-attachment: fixed;">
小苏学姐
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
学习CSS的背景图像属性background
12-11
CSS的背景属性“background”提供了众多属性值，如颜色、图像、定位等，为网页背景图像的定义提供了极大的便利。看看background提供的属性值： background : background-color | background-image | background-...
CSS新特性:圆角边框多栏Gird布局背景设置
09-27
本文将深入探讨三个重要的CSS3特性：圆角边框、多栏布局以及背景设置，它们极大地提升了网页的视觉效果和用户体验。 首先，圆角边框是CSS3引入的一项革命性变化。在Web2.0时代，为了实现圆角效果，开发者需要使用...
css设置div背景颜色的方法
12-13
一、p标签内直接设置背景颜色 复制代码代码如下:<div xss=removed>背景为黑色</div> p标签内设置背景色为黑色，字体颜色为白色 p标签内设置背景色截图 通过p标签内设置style设置背景色等CSS样式。 二、外部css设置p背景色 这里为一个对象CSS命名为".pcss5",通过建立外部选择器设置p对象背景色 CSS代码： 复制代码代码如下:.divcss5{ background:#F00; color:#FFF} html源代码： 复制代码代码如下:<div class=”divcss5″>背景色为红色</div>
css设置div背景色的同时设置背景图
qq_25983579的博客
08-16 1742
<div class="top_content "> </div> .top_content { background: #1891ff; background-image: url('../../assets/photo/product/product.png'); height: 400px; text-align: center; line-height: 400px; }
杂项——CCSTheia黑白背景切换
最新发布
2302_80529671的博客
07-02 944
使用CSS改变图片颜色
m0_50082421的博客
01-10 2046
CSS滤镜（filter）属提供的图形特效，像模糊，锐化或元素变色。过滤器通常被用于调整图片，背景和边界的渲染。项目中遇到需要将下载的图片的白色背景修改为灰色，经过调查发现主要用到了的css的滤镜属性。首先创建一个 .svg 结尾的文件。
css如何让图片不平铺,css怎么设置图片背景不平铺？
weixin_39942318的博客
08-03 1630
css可以为图片背景设置background-repeat:no-repeat样式实现图片背景不平铺，background-repeat属性定义了图像的平铺模式。css可以设置图片背景background-repeat:no-repeat样式实现图片背景不平铺，background-repeat属性定义了图像的平铺模式。css可以使用background-repeat属性设置图片背景不平铺。从原图...
css-背景属性
qq_62779007的博客
03-11 282
<!doctype html><html><head><meta charset="utf-8"><title>css-背景属性</title> <style> body{ background-color:pink; /* background-color:red; backgroubd-color:reg(red,gree...
详解CSS定义字体、颜色、背景等属性
09-22
2. **`background-color`**: 设置元素的背景颜色。例如，`background-color: yellow` 会让元素背景变为黄色。 3. **`background-image`**: 用于指定背景图像的URL。例如，`background-image: url("image.jpg")`。 ...
CSS的background属性及CSS3的背景图片设置总结
09-24
在CSS中，`background`属性是一个复合属性，允许你在一条语句中设置所有与背景相关的属性，包括背景颜色、图像、位置、重复方式等。CSS3进一步扩展了这个属性，添加了`background-clip`、`background-origin`和`...
css背景属性
ssjjrr的博客
09-30 3347
css背景属性
css控制背景示例(css设置背景图片、设置背景颜色)
09-25
主要介绍了css控制背景示例,这里提供了css设置背景图片、设置背景颜色的方法,需要的朋友可以参考下
CSS属性：背景属性
u013373276的博客
12-09 1405
），这种图要求横向的宽度特别大。比如说，设计师给你一张1920*465的超大banner图，如果我们把这个banner图作为img标签直接插入网页中，会有问题的：首先，图片不在网页的中间；光学显示器中，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。正确的做法是，将banner图作为div的背景图，这样的话，背景图超出div的部分，会自动移溢出。
最详细的CSS常用背景属性总结（background-color、background-image、background-repeat、background-position等）
热门推荐
weixin_56242678的博客
05-21 1万+
由于自己在学习CSS的过程中会时不时忘记一些CSS背景样式的书写，因此在本文记录了一些常用的CSS背景样式的写法。以上就是有关常用背景样式的笔记内容，希望对各位有所帮助，作者也在学习中，如有解释不清楚或有误的地方，还请各位指正。
css3 背景属性
weixin_49346755的博客
10-01 1215
CSS 背景属性用于定义HTML元素的背景。CSS背景属性有：background-color、background-image、background-position、background-size、background-repeat、background-attachment、background-origin、background-clip。
CSS 背景相关属性
qq_43606265的博客
11-05 255
背景相关属性——background 一、背景颜色——background-color 属性值：具体颜色单词、rgb、rgba、十六进制 二、背景图片——background-image 属性值：url() 注意点： 1、url()中放置图片的地址, 图片的地址可以是本地的地址, 也可以是网络的地址 2、如果图片的大小没有标签的大小大, 那么会自动在水平和垂直方向平铺来填充 3、如...
【黑马前端—CSS基础】背景
学习如逆水行舟，不进则退
08-30 997
内容来自b站的黑马程序员pink老师 由我收集整理 总结 CSS 的背景 通过 CSS 背景属性，可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 背景颜色 background-color 属性定义了元素的背景颜色。 background-color:颜色值; 一般情况下元素背景颜色默认值是 transparent（透明），我们也可以手动指定背景颜色为透明色 background-color:transparent; 背景图片 backgro
CSS背景(详解)
qq_74095822的博客
12-18 1432
background-color 属性设置元素的背景颜色。CSS中，颜色值通常以以下方式定义:十六进制 - 如：“#ff0000”RGB - 如：“rgb(255,0,0)”颜色名称 - 如：“red”
CSS 基础：设置背景的 5 个属性及简写 background 注意点
u013179804的博客
04-08 1624
你好，我是云桃桃。一个希望帮助更多朋友快速入门 WEB 前端的程序媛。回复 “前端基础题”，可免费获得前端基础 100 题汇总，回复 “前端工具”，可获取 Web 开发工具合集263篇原创内容-gzh后台回复“”可获取开发工具，持续更新中后台回复“”可得到前端基础100题汇总，持续更新中CSS 中的background背景属性是前端开发中常用的一个属性，它用于控制元素的背景样式，包括背景颜色、背景图片、背景位置等。本文将详细探讨 CSS 中的background。
CSS样式指南：背景颜色与文本设置
"该文档是关于CSS（Cascading Style Sheets）的参考材料，通过一个HTML实例展示了如何使用CSS设置背景颜色、文本颜色、字符间距和行间距等样式。此外，还提到了背景图像的处理，包括重复、定位以及固定背景等特性。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值