图片背景（定位/对齐）


<div></div>

    <!-- 样式 -->
    <style>
    
        div
        {
            width : 200px;
            height: 200px;
            margin: 100px;
            
            /*背景色*/
            background-color: #999;
            
            /*图片路径*/
            background-image: url(border.png);
            
            /*重复图像*/
            background-repeat: no-repeat;
            
            /*图像大小*/
            background-size: 100px 100px;
            
            /*对齐方式*/
            background-position:center;
            
            /*对齐方式*/
            background-position:center;
            
            /*相对定位(padding-box内边距/border-box边框/content-box内容框)*/
            background-origin:content-box;
        }
        
    </style>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容