4.4 (案例) 背景原点
2017-06-07 本文已影响0人
柒月柒日晴7
Paste_Image.png
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title> New Document </title>
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
*{margin:0;padding:0;}
div{
margin:20px auto;
width:850px;
height:450px;
padding:20px;
color:#fff;
border:20px dotted #ddd;
background:url('images/bac.jpg') 0 0 no-repeat;
background-origin:content-box;
/*以内容左上角为原点*/
/*background-origin:border-box;*/
/*以边框左上角为原点 */
/*background-origin:padding-box;*/
/*以padding左上角为原点 默认样式*/
/*background-origin:content-box;*/
/*content 左上角为原点 */
}
</style>
<link href="" style="text/css" rel="stylesheet"/>
</head>
<body>
<!--background-origin ：背景原点控制
border-box
padding-box
content-box-->
<div>谁的风景啊来得及法拉盛江东父老卡就算了对方阿三累计开发拉萨减肥啦设计开发了卡接受对方理解理科生江东父老就撒放了短斤少两放得开 绿色空间的浪费</div>
</body>
<script src=""> </script>
<script type="text/javascript">
<!--
//-->
</script>
</html>
