1. 背景色

1.1 语法

background-color:xxxx

1.2 示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜀</title>
<style>
h1
{background-color:#6495ed;
}
p
{background-color:#e0ffff;
}
div
{background-color:#b0c4de;
}
</style>
</head><body><h1>标题的背景色</h1>
<div>div的背景色<p>该段落有自己的背景颜色。</p>div的背景色
</div></body>

结果显示

2. 背景图

1.1 语法

使用背景图

background-image:xxxx;

不平铺（默认平铺）：

background-repeat:no-repeat;

背景图位置

background-position:right top;

固定背景图（不随页面滚动）

background-attachment:fixed

1.2 示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜀</title>
<style>
body
{background-image:url('./images/taoyuanjieyi.jpeg');background-attachment:fixed;background-repeat:no-repeat;
}
</style>
</head><body>
<h1 style="color:white;">桃园结义</h1>
</body></html>

CSS基础-02 background（背景色）（背景色 background-color、背景图 background-image）相关推荐

css背景图background - 多背景定义
css背景图background - 多背景定义 1. 方法一 .bg{height:600px;background: url(../../static/images/slider/zplc.png ...
vue.js 引用背景图 background 无效的3种解决办法
#vue.js项目中,出现css调用background背景图无效?如何解决? 或者调用<img>标签,也无效果? 直接上代码,自行对比查找一下: 效果图预览 1. 正确的代码,示例如下: ...
css为网页顶部和底部都加入背景图
网页背景图是我们常用的功能,一般来说.给网页加一个背景图,只要在网页的body标签中加入css属性就行. 代码如下:<body style="background-image:url( ...
01.HTML和CSS基础知识总结（内附思维导图）
1.网页的基础认知 1-1.网页由那些部分组成文字.图片.音频.视频.超链接 1-2.网页背后的本质是什么前端程序员写的代码 1-3.前端的代码是通过什么软件转换成用户眼中的页面通过 ...
从头学前端-CSS基础02
一个工具: 前端快速开发插件Emmet Emmet 的前身就是 Zen Coding. 它是一组专门用来提高编写 HTML 和 CSS 代码速度的便利工具.将它整合进文本编辑器,可以提供一些功能和快捷 ...
CSS 基础：文本和字体(4)思维导图
这段时间利用一下间隙时间学习了CSS的基础知识,主要目的是加深对CSS的理解,虽然个人主要工作基本都是后台开发,但是个人觉得系统学习一下CSS的基础还是很有必要的.下面我学习CSS时做的思维导图(全屏 ...
div设置背景图background:url
<div style="background:url('./bailu.png');background-size:100%;height:600px;"> 122 & ...
html图片背景属性,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...
纯色html背景,css 背景(background)属性、背景图定位
background属性: Background属性是css中应用比较多,且比较重要的一个属性,它是负责给盒子设置背景图上和背景颜色的,background是一个复合属性,它可以分解成如下几个设置项: ...

CSS基础-02 background（背景色）（背景色 background-color、背景图 background-image）

文章目录

1. 背景色

1.1 语法

1.2 示例

2. 背景图

1.1 语法

使用背景图

背景图位置

固定背景图（不随页面滚动）

1.2 示例

CSS基础-02 background（背景色）（背景色 background-color、背景图 background-image）相关推荐

最新文章

热门文章