Css背景属性是什么
这篇文章将为大家详细讲解有关 Css背景属性是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
Background-color: 颜色值
background-image:url(../imgs/1.jpg); 背景图,从css文件出发 去查找的*****
注意:如果背景图 宽 高 》 元素的宽高 背景或从左上角开始截取一块
如果背景图的宽 高 《 元素的宽 高 背景图 就x y 上平铺(重复)
如果背景图和背景色同时拥有,背景图在起作用
background-attachment :scroll 元素跟着背景图一起滚动 | fixed 背景图固定 背景图的附着方式
background-repeat : repeat (x y都平铺) | no-repeat(x y 都不平铺) | repeat-x (x平铺) | repeat-y(y平铺)
background-position: -100px(左右,正左 负右) 100px (上下 正上 负下)
background : background-color || background-image || background-repeat || background-attachment || background-position
案列
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="dv">今天天气不错,预计明天也不错,大家适合去和外国人交流abcdefg</div>
</body>
</html>
Css部分:
@charset "utf-8";
div{
border:1px solid #ff0000;
width:200px;
height:200px;
}
#dv{
background-color:#F6F6F6;
background-image:url(../imgs/1.jpg);
background-position: 0px 100px;
}
关于“ Css背景属性是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341