html页面布局 第8节
2024-04-20 21:31:03
页面布局：
<html>
<head>
<title>页面布局</title>
<style type="text/css">
body{
margin:0px;
padding:0px;
text-align:center;
}
.content{
background-color:pink;
width:85%;
height:100%;
}
.top{
width:99%;
height:100px;
font-size:25px;
font-weight:bold;
color:white;
background-color:#CCFF66;
}
.left{
width:30%;
height:450px;
font-size:25px;
font-weight:bold;
color:white;
background-color:#FFFF99;
float:left;
}
.middle{
width:40%;
height:450px;
font-size:25px;
font-weight:bold;
color:white;
backgrount-color:#00FFFF;
float:left;
}
.right{
width:29%;
height:450px;
font-size:25px;
font-weight:bold;
color:white;
background-color:#CCCC99;
float:left;
}
.foot{
width:99%;
height:40px;
font-size:25px;
font-weight:bold;
color:white;
background-color:#7CFC00;
float:left;
}
</style>
<body>
<div class= "content">
<div class="top">top<img src="#"><a href="www.baidu.com">baidu</a></div>
<div class="left">left</div>
<div class="middle">middle</div>
<div class="right">right</div>
<div class="foot">foot</div>
</div>
</body>
</html>
结果显示：
最新文章
- Centos下安装Redis
- dlmalloc(Android bionic C库的malloc实现)简介
- 使用ThreadSanitizer线程检查工具
- CSS设置技巧
- Win7系统配置IIS7服务
- Winform XiaoCai.WinformUI 框架界面设计
- 关于去哪儿网的UI自动化测试脚本（Python实现）
- centos nginx install openssl
- MSSQL 各个发行版本版本号以及Compact 版本号
- WCF 项目应用连载[2] - 创建Lig日志系统
- activity变成Dialog的样式设置
- class 添加样式,删除，开关 【选择】addClass,removeClass,toggleClass
- c# dev控件 gridcontrol 数据跟随鼠标滚轮滚动也可以编辑
- CentOS ifconfig无IP地址解决办法
- ElasticSearch AggregationBuilders java api常用聚会查询
- ios html5 audio 不能自动播放
- 华为7.0系统最简单激活xposed框架的流程
- FLIR 相机采集程序
- centos6.5mini版安装及配置
- Repair the Wall