一個傳統的前端框架的佈局

時間 2019-11-11

標籤一個傳統前端框架佈局简体版

原文原文鏈接

<!DOCTYPE html>html

<html lang="en">ide

<head>測試

<meta charset="UTF-8">htm

<title>覃光林測試</title>it

<style>io

header {meta

width: 1000px;float

height: 50px;im

background: red;margin

margin: 0 auto;

color: white;

text-align: center;

}

nav {

width: 1000px;

height: 50px;

background: blue;

color: white;

text-align: center;

margin: 0 auto;

}

section {

margin: 0 auto;

width: 1000px;

height: 500px;

color: white;

text-align: center;

margin: 0 auto;

}

aside {

float: left;

width: 300px;

height: 500px;

background: green;

color: white;

text-align: center;

margin: 0 auto;

}

article {

float: right;

height: 500px;

width: 700px;

color: white;

text-align: center;

background: pink;

margin: 0 auto;

}

footer {

width: 1000px; height: 50px;

background: gray;

color: white;

text-align: center;

margin: 0 auto;

} </style>

</head>

<body>

<header>頭部</header>

<nav>導航</nav>

<section>主題</section>

<aside>側邊欄</aside>

<article>文章</article> </section>

<footer>底部</footer>

</body>

</html>

相關文章

相關標籤/搜索

前端的逆襲

進擊的前端

不限制前端框架

前端框架系列

重學前端框架

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<