CSS入门基础知识（八）——CSS的背景

最新推荐文章于 2024-03-06 12:06:40 发布
最新推荐文章于 2024-03-06 12:06:40 发布
阅读量363 收藏 1
点赞数
分类专栏： 前端学习 css 文章标签： css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_46678602/article/details/108385081
版权
这篇博客介绍了CSS的背景属性，包括背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定、背景复合写法以及背景色半透明。重点讲述了如何设置背景颜色、控制背景图片的位置和实现背景图片固定效果，适合CSS初学者。
摘要由CSDN通过智能技术生成

CSS标签入门基础知识

CSS的背景

通过css背景属性，可以给页面元素添加背景样式。
背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。

背景颜色

background-color属性定义了元素的背景颜色

在这里插入图片描述
一般情况下元素背景颜色默认值是tranparent（透明）

背景图片

background-image属性描述了元素的背景图像。
实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片，优点是非常便于控制位置。

在这里插入图片描述

在这里插入图片描述

背景平铺

使用bakeground-repeat属性，可以对html上背景图像进行平铺

在这里插入图片描述

最低0.47元/天 解锁文章
超级爱喝奶茶~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
web前端基础——CSS入门
01-20
本文将详细介绍CSS入门的基础知识，包括CSS的引入方式、选择器、字体样式、外观属性以及标签显示模式。 1. CSS的引入方式： - 内部样式：直接在HTML的`<head>`标签内的`<style>`标签中编写CSS代码，这样样式只应用...
CSS基础之 背景属性设置
u011863822的博客
03-01 3285
CSS设置背景，不但包括背景的颜色，还包括背景图片等设置，还是老规矩演示比较靠谱。 背景 背景颜色 背景颜色和文本颜色不同，一个是设置的是文本的颜色，一个是背景的颜色。使用的是backgrou-color属性 选择器{ background-color: transparent | 颜色 } transparent 背景颜色为透明。一般情况下背景颜色默认就是透明。 颜色 对应color的颜色标准即可。 演示： <!DOCTYPE html> <html lang="zh"&g
html中使用style设置背景
l_degege的专栏
09-17 7345
<div class="layui-container" style="background: #00ff00"> grid </div>
CSS 之 背景样式
Wwinky的博客
07-15 340
样式是用于美化网页，为什么要美化网页呢？ 有效传递页面信息 美化网页，吸引用户 凸显页面的主题 提高用户的体验 想要强调的内容通常使用 <span></span> 标签包裹起来，再对它单独加样式。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
CSS常用属性之背景属性（七）
全粘小谭的博客
10-03 470
该篇文章主要介绍了 background 背景属性（颜色、图片、重复、位置、复合属性）、CSS 精灵图，背景固定，背景尺寸、线性渐变，径向渐变，浏览器私有前缀等一系列与背景属性相关联的知识点。盒子的 background-image 属性可以用 radial-gradient() 形式创建径向渐变背景。
前端基础-CSS背景属性
逍遥云恋
03-30 431
背景属性 a) 背景颜色 语法：background-color:颜色值 示意图 b) 背景图片 语法：background-image:url(图片路径) 示意图 c) 设置背景图片是否平铺 语法：background-repeat:值 取值：no-repeat不平铺，repeat-x横向平铺，repeat-y纵向平铺，repeat横向纵向都平铺---...
CSS3 +HTML5入门到精通
07-01
【标题】"CSS3 +HTML5入门到精通"与【描述】"《HTML+5+从入门到精通》-中文学习教程"所涵盖的知识点主要围绕着Web开发的基础技术——HTML5和CSS3展开，这两者是现代网页设计与开发不可或缺的组成部分。以下是关于这...
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
【狂神Java学习笔记——前端入门——HTML、CSS、JavaScript学习代码】是针对初学者的一份详实的学习资料，这份笔记记录了跟随B站知名up主“遇见狂神说”的java系列视频中关于前端开发的基础内容。笔记内容不仅与视频...
HTML5与CSS3基础教程 第八版 中文版 高清 PDF
10-14
本书《HTML5与CSS3基础教程 第八版》不仅会详细介绍这些基础知识，还会涉及更高级的主题，如Web存储（Web Storage）、离线应用（Offline Application Cache）、WebSocket实现的实时通信，以及CSS3的新特性，如...
零基础入门python3.7 ——基础知识总结(十四) python的特性归纳
01-20
a = ['java', 'python', 'javascript', 'c', 'c++', 'php', 'css', 'html5', 'go'] print(a[1:4]) ['python', 'javascript', 'c'] 表示从索引1开始到索引4结束，但是不包括索引4。 示例2 a = ['java', 'python', '...
vue 的 :style动态切换背景色和字体
weixin_41813243的博客
12-22 3759
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src.
css设置背景颜色/背景图像/背景图像平铺/背景图像位置/背景图像固定显示/综合设置元素背景的方法（学习笔记）
No1banana的博客
01-28 6186
一、设置背景颜色 在CSS当中，网页元素的背景颜色使用background-color属性来设置，和文本颜色的用法类似。 用法 <style> h2{ color:red; backround-color:blue; font-family:"黑体" } body{ background-color:blue; /*设置整个网页的背景颜色*/ } </style> 二、背景图像的设置方法 css中将图像作为网页元素的背景，可以
【CSS】CSS 背景设置 ① ( 背景颜色 | 背景图片 | 背景平铺 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
03-09 3449
一、背景颜色 1、语法说明 2、代码示例 二、背景图片 1、语法说明 2、代码示例 三、背景平铺
在HTML中设置背景颜色可以使用CSS的background-color属性
BLOG域名:programb.blog.csdn.net
06-29 1058
在HTML中设置背景颜色可以使用CSS的background-color属性。标签内的文本进行了修饰。具体的修饰包括设置字体大小、字体、字体风格、文本加粗、去除下划线和行高。以上是两种常用的方法来设置HTML文本的颜色。你可以根据需要选择其中一种方法来设置文本颜色。/* 设置字体为Arial或sans-serif *//* 设置行高为1.5倍字体大小 *//* 设置字体大小为20像素 *//* 给文本添加下划线 *//* 设置字体为斜体 */在上面的例子中，我们使用了。/* 设置字体加粗 */
CSS网模板
十年,不只是一首歌而已
05-07 161
&lt;!DOCTYPE html &gt; &lt;head&gt; &lt;title&gt;标题-CSS网模板&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;meta name="keywor
CSS背景background八种属性
m0_74577714的博客
10-27 2012
想必大家对背景不陌生，让我为大家介绍一下吧！我们给元素添加背景相关样式之前，必须要有宽度和高度，宽度可以省略，会继承父级的宽度，如果在没宽高的元素上使用则无效。
html设置背景颜色以及背景图片
热门推荐
lingjiaxiaozila的博客
08-03 2万+
背景图片、背景颜色、背景颜色的几种表示方法、背景图片的位置、背景平铺方式、背景图片固定、雪碧图
Css基础——Css的背景
最新发布
迪幻的博客
03-06 522
3、background-repeat 背景平铺 4、background-position 背景图片位置 5、background-attachment 背景固定 6、背景的复合写法 8、背景总结
CSS从入门到精通——基础知识
09-18
CSS是层叠样式表（Cascading Style Sheets）的缩写，用于为网页添加样式和布局。在CSS中，可以通过选择器选中HTML元素，然后...这些是CSS的基础知识，掌握了这些基础知识后，你可以开始学习更高级的CSS技巧和布局方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值