首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

div+css格局————笔试题

2012-09-17 
div+css布局————笔试题divcss编写出实现如图所示页面效果的关键html代码。其中,A、B、C、D、E均为默认字号和默

div+css布局————笔试题

div+css编写出实现如图所示页面效果的关键html代码。

其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,A单元格的高度为200像素,B单元格的高度为100像素,C单元格的宽度为100像素,高度为200像素。

 

div+css格局————笔试题

 

<HTML>
<head>
</head>
<body>
<div style="width:300px; height:300px;">
<div align="center"  style="background-color:yellow;width:100px;height:200px; float: left; ">
<b>A</b></div>
<div align="center" style="background-color:red; width:200px;height:100px;float:left;"><b>B<b></div>
<div align="center" style="background-color:blue;width:100px;height:100px; float:left"><b>E</b></div>
<div align="center" style="background-color:pink;width:100px;height:200px;float:right;"><b>C</b></div>
<div align="center" style="background-color:red;width:200px;height:100px;float:left;"><b>D</b></div>
</div>
</body>
</html>

 

关键点:

css样式的float属性

 

 

热点排行