美文网首页
图片背景(定位/对齐)

图片背景(定位/对齐)

作者: 智多牛 | 来源:发表于2016-12-21 11:38 被阅读0次


    <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>

    相关文章

      网友评论

          本文标题:图片背景(定位/对齐)

          本文链接:https://www.haomeiwen.com/subject/hchqvttx.html