您好,登录后才能下订单哦!
这篇文章将为大家详细讲解有关 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";
/* CSS Document */
div{
border:1px solid #ff0000;
width:200px;
height:200px;
}
#dv{
background-color:#F6F6F6;
background-image:url(../imgs/1.jpg);
background-position: 0px 100px;
}
关于“ Css背景属性是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。