这篇博客提供了两个浮动布局的练习题目，包括实现一张图片布局和一个特定图案，旨在提升HTML布局技能。
题目一
通过浮动布局实现以下图片
题目二
通过浮动布局实现以下图案
题目一代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>浮动作业</title>
<style type="text/css">
.box{
width: 1000px;
margin: 0 auto;
}
div div{
font: 900 30px/100px 'STSong';
color: #fff;
text-align: center;
width: 200px;
height: 100px;
background-color: green;
float: left;
}
.b6 {
width: 600px;
background-color: yellow;
}
.b7{
width: 400px;
height: 200px;
line-height: 200px;
background-color: yellowgreen;
float: right;
}
.b8{
width: 300px;
height: 150px;
line-height: 150px;
background-c
最低0.47元/天 解锁文章
扫一扫
928
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
