欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > html >内容正文

html

网页 html 全图片排版,html5-ag凯发k8国际

发布时间:2024/10/14 html 26 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 网页 html 全图片排版,html5-网页排版划分 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

/*

*ag凯发k8国际 copyright (c) 2017,烟台大学计算机学院

all rights reserved.

*文件名称:关于html的练习

*作 者:张晴晴

*完成日期:201711月5日

*版 本 号:v1.0 *

*问题描述:html5的新特性

*输入描述: 无

*程序输出: 无

*/

无标题文档

body{

height:700px;

}

header{

width:100%;

background:#093;

height:10%

}

aside{

width:20%;

background:#f90;

height:80%;

float:left

}

article{

width:80%;

background:#06f;

height:80%;

float:left

}

footer{

width:100%;

background:#f30;

height:10%;

float:left

}

我是头部

aside

article

我是底部

运行结果:



总结

以上是ag凯发k8国际为你收集整理的网页 html 全图片排版,html5-网页排版划分的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

网站地图