美文网首页程序员
html中的banner自适应屏幕代码

html中的banner自适应屏幕代码

作者: 九歌乜 | 来源:发表于2018-04-04 13:42 被阅读0次

    Title .bannerbox {

        div {    

              width:100%;

                position:relative;

                overflow:hidden;

                height:200px;

            }

            img {

                width:3000px;/*图片宽度*/            position:absolute;

                left:50%;

                margin-left:-1500px;/*图片宽度的一半*/        }

                 

    <div>

    <img src="banner.ipg">

    </div>

    相关文章

      网友评论

        本文标题:html中的banner自适应屏幕代码

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