一个传统的前端框架的布局

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

相关文章

相关标签/搜索

前端的逆袭

进击的前端

不限制前端框架

前端框架系列

重学前端框架

每日一句

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

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<