一、背景圖定位方法
1.background-position
微信截圖_20190227113831.png
2.background-origin
每個元素身上都存在三個矩形框：border box（邊框的外沿框）盾似、padding box（內(nèi)邊距的外沿框）和 content box（內(nèi)容區(qū)的外沿框）敬辣。默認情況下，background-position 是以 padding box 為準的零院，這樣邊框才不會遮住背景圖片溉跃。因此，top left 默認指的是padding box 的左上角告抄。
微信截圖_20190227113846.png
3.calc()
微信截圖_20190227141639.png
二撰茎、條紋背景
<style>
.box{
position: absolute;
margin: auto;
top:0;
left:0;
right:0;
bottom:0;
border-radius: 5px;
width: 200px;
height: 100px;
background: #58a;
background-image: repeating-linear-gradient(30deg,
hsla(0,0%,100%,.1),
hsla(0,0%,100%,.1) 15px,
transparent 0, transparent 30px);
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
條紋.png
