search

Home >Web Front-end >HTML Tutorial >如何设计如此效果_html/css_WEB-ITnose

如何设计如此效果_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:43:491122browse

本帖最后由 sunflowerdemon 于 2013-05-27 18:33:21 编辑


底层1280，上层960，如何实现。
如此下图，越简单越好

回复讨论(解决方案)

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title></head><body style="margin:0px; padding:0px;">    <div style=" width:1280px; height:600px; background:#808080; text-align:center;">        <div style=" width:960px;  height:90%; background:#ffffff;">        </div>    </div></body></html>

如果多条的话是不是只能重复如此
   


        

        

    

   

        

        

    

   

        

        

    

如果多条的话是不是只能重复如此
   


        

        

    

   

        

        

    

   

        

        

    


多条？ 怎么讲

如果多条的话是不是只能重复如此
   


        

        

    

   

        

        

    

   

        

        

    




就是有三行不同的背景，宽度1280px，在这三行之上有内容，宽度为960px;
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：层的位置问题_html/css_WEB-ITnoseNext article：css z-index怎么设置都无效，底层li老是被上一层遮住，附源代码_html/css_WEB-ITnose

Related articles

See more