发表于： 2019-09-26 21:37:41
1 931
今天完成的事情： 基本完成任务三
明天计划的事情：上传任务三并学习了解任务四相关内容
遇到的问题：ps取色消耗较长时间，任务三布局代码花费较长时间调整
收获：基本完成任务三
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="b.css">
</head>
<body>
<div id="mj">
<img src="./images/task3_03.png">
</div>
<div id="mj2">
<img src="./images/task3_05.png">
</div>
<p>葡萄藤轻游戏专注于桌游领域，提供在线游戏，捉鬼，炸狼堡等等多种聚会游戏，以线下聚会桌游道具。
</p>
<div id="mj3">
<img src="./images/task4_06.png">
</div>
<div id="mj4">
<img src="./images/task3_09.png">
</div>
</body>
</html>
css代码
#mj img{
float:left;
width:26px;
height:26px;
}
#mj2 {
transform:scale(0.5);
text-align:center;
padding-top:58px;
position:relative; left:-10px;
}
p{
padding-left: 20%;
padding-right: 20%;
font-size:.875rem;
margin-top:56px;
color:#FFFFFF;
}
#mj3{
margin-top:80px;
float:left;
transform:scale(0.5);
padding-bottom:40px;
padding-left: 10%;
}
#mj4{
margin-top:80px;
float:right;
transform:scale(0.5);
padding-bottom:40px;
padding-right: 10%;
}
body{
background-color: #68cdd5;
}
返回列表
评论