頁面佈局設計

時間  2020-01-18
標籤 頁面 佈局 設計 简体版
原文   原文鏈接

<!doctype html>html

<html>ide

<head>佈局

<meta charset="utf-8">spa

<title>頁面佈局</title>htm

<style>utf-8

body{頁面佈局

margin:0px;it

border:0px;class

padding:0px;meta

}

</style>

</head>

<body>

<div style="width:1862px;height:2769px;margin:0px auto;">

<div style="width:1862px;height:80px;background:blue;margin:0px auto;">

</div>

<div style="width:1862px;height:614px;margin:0px auto;">

<div style="width:311px;height:614px;background:red;margin:0px auto;float:left">

</div>

<div style="width:1240px;height:614px;margin:0px auto;float:left">

<div style="width:1240px;height:115px;background:#668866;margin:0px auto;">

</div>

<div style="width:1240px;height:384px;margin:0px auto;">

<div style="width:1240px;height:50px;background:#556644;margin:0px auto;">

</div>

<div style="width:1240px;height:48px;background:#141542;margin:0px auto;">

</div>

<div style="width:1240px;height:286px;background:#361211;margin:0px auto;">

</div>

</div>

<div style="width:1240px;height:115px;background:#770011;margin:0px auto;float:left;">

<div style="width:220px;height:115px;background:#226611;margin:0px auto;float:left;">

</div>

<div style="width:112px;height:115px;background:#336622;margin:0px auto;float:left;">

</div>

<div style="width:112px;height:115px;background:#116633;margin:0px auto;float:left;">

</div>

<div style="width:112px;height:115px;background:#776644;margin:0px auto;float:left;">

</div>

<div style="width:112px;height:115px;background:#006655;margin:0px auto;float:left;">

</div>

<div style="width:112px;height:115px;background:#996666;margin:0px auto;float:left;">

</div>

<div style="width:460px;height:115px;background:#556677;margin:0px auto;float:left;">

</div>

</div>

</div>

<div style="width:311px;height:614px;background:#550054;margin:0px auto;float:left;">

</div>

</div>

<div style="width:1240px;height:1767px;margin:0px auto;">

<div style="width:780px;height:1739px;margin-left:0px ;float:left;">

<div style="width:780px;height:330px;background:#422222;margin-left:0px ;">

</div>

<div style="width:780px;height:40px;margin-left:0px ;">

<div style="width:156px;height:40px;background:#00ff22;margin-left:0px;float:left;">

</div>

<div style="width:156px;height:40px;background:#009922;margin-left:0px;float:left;">

</div>

<div style="width:156px;height:40px;background:#003322;margin-left:0px;float:left;">

</div>

<div style="width:156px;height:40px;background:#004499;margin-left:0px;float:left;">

</div>

<div style="width:156px;height:40px;background:#0022ff;margin-left:0px;float:left;">

</div>

</div>

<div style="width:780px;height:40px;margin-top:60px ;">

<div style="width:145px;height:41px;background:#000077;margin-left:0px ;">

</div>

</div>

<div style="width:780px;height:40px;margin-top:20px ;">

<div style="width:130px;height:40px;background:#007722;margin-left:0px ;float:left;">

</div>

<div style="width:130px;height:40px;background:#004400;margin-left:0px ;float:left;">

</div>

<div style="width:130px;height:40px;background:#550011;margin-left:0px ;float:left;">

</div>

<div style="width:130px;height:40px;background:#007700;margin-left:0px ;float:left;">

</div>

<div style="width:130px;height:40px;background:#111155;margin-left:0px ;float:left;">

</div>

<div style="width:130px;height:40px;background:#005511;margin-left:0px ;float:left;">

</div>

</div>

<div style="width:780px;height:418px;margin-top:40px ;">

<div style="width:780px;height:100px;background:#550022;margin-top:40px ;">

</div>

<div style="width:780px;height:40px;background:#550022;margin-top:5px ;">

</div>

<div style="width:780px;height:100px;background:#000022;margin-top:20px ;">

</div>

<div style="width:780px;height:40px;background:#007722;margin-top:5px ;">

</div>

<div style="width:780px;height:40px;background:#441122;margin-top:20px ;">

</div>

</div>

<div style="width:780px;height:397px;background:#762222;margin-top:50px ;">

</div>

<div style="width:780px;height:290px;background:#682222;margin-top:60px ;">

</div>

</div>

<div style="width:400px;height:1413px;background:#422222;margin-left:60px;float:left;">

</div>

</div>

</div>

</body>

</html>

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程