39,118
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
qiuqiule758 2019-12-23
- 打赏
- 举报
第二个还有嘛
qiuqiule758 2019-12-23
- 打赏
- 举报
这个可以啦谢谢大神！
一直小咸鱼 2019-12-23
- 打赏
- 举报
qiuqiule758 2019-12-23
- 打赏
- 举报
想要这个网页美化一点多一点样式可以嘛 谢谢啦
一直小咸鱼 2019-12-23
- 打赏
- 举报
<!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>
</head>
<link rel="stylesheet" href="./c.css">
<body>
<div id="box">
<div class="content">
<img class="imgs1" src="./from1.png" alt="">
<h3>这是标题一</h3>
<span class="words">这是段文字好哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span> <h3>这是标题一</h3>
<span class="words">这是段文字好哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
</div>
<div class="content">
<img class="imgs1" src="./from1.png" alt="">
<h3>这是标题一</h3>
<span class="words">这是段文字好哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
</div>
</div>
</body>
</html>
外部css
*{
padding: 0;
margin: 0;
}
#box{
display: flex;
flex-direction: column;
padding: 0 100px;
box-sizing: border-box;
}
.imgs1{
width: 1200px;
margin-bottom: 30px;
}
.content{
display: flex;
flex-direction: column;
justify-content: center;
align-self: center;
text-align: center;
}
.content .words{
font-size: 16px;
width: 800px;
align-self: center;
}
你看看可以不 这是第一个的
