九宫格——用html+css制作一个网页

/uploads/files_user6636/article/5d3431f13bdb2391739.png


九宫格——用html+css制作一个网页


代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">    
<head>    
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">    
<title>Document</title>    
<style type="text/css">    
.a{    
width: 30%;    
padding-bottom: 30%;    
background-color: #E68900;    
margin: 2px;    
float: left;    
border-radius: 10px;    
}    
</style>    
</head>    
<body>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
<div class="a"></div>    
</body>    
</html>


1 个评论

优汇网官方在线求赞

要回复文章请先登录注册