<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>背景</title>
<style type="text/css">
.bjDiv{
width: 300px;
height: 300px;
border: 1px blue solid;
/*背景颜色*/
/*background-color: red;
background-image: url(../AKL.jpg);*/
/*背景平铺
no-repeat 不平铺
repeat-x x轴平铺
repeat-y y轴平铺
repeat 默认值 两个方向都平铺*/
/*background-repeat: no-repeat;*/
/*背景大小
可以设置一个值 100px；
两个值 100px 200px
可以设置单词 contain*/
/*background-size: 100px;*/
/*背景位置
一个值 10px 代表X是10 Y居中
两个值 第一个值代表X，第二个值代表Y
也可以给代表位置的英文，
X left right center
Y top bottom center*/
/*background-position: right bottom;*/
/*复合写法*/
background: blue url(../AKL.jpg) no-repeat 50px 50px / 200px 200px;
</style>
</head>
<body>
<div class="bjDiv"></div>
</body>
</html>
背景
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 1、背景模糊（字不透明）background: rgba(0, 0, 0, 0.5);2、背景图透明（字不透明） ...
- 1、背景图片 废话不多说，上代码： 效果图如下： 投影：box-shadow: X坐标/ Y坐标/ 模糊/ 扩展/...
- (2016-11-22-周二 13:58:28) (2016-12-03-周六 22:47:29)上层与背景交叉比...
- 摘自<觉醒>：觉醒的一部分就是你要按适合自己的方式去生活。注意，这不是自私。自私的事情是强求别人按照你认为适合的方...
