<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div {
display: block;
/*块级元素：独占一行,可以修改宽高 */
border: 1px solid red;
width: 100px;
height: 100px;
}
span {
display: inline;
/*行内元素：共占一行 不能修改宽高 */
border: 1px solid blue;
width: 100px;
height: 100px;
}
img {
/*行内块元素：共占一行，可以修改宽高*/
display: inline-block;
width: 100px;
height: 100px;
display: none; /*隐藏元素*/
}
a {
background-color: #0aa1ed;
/*行内元素是不能修改宽高的，如果需要修改则需要将元素改成块级或行内块*/
display: block;
width: 132px;
height: 40px;
text-align: center;
color: white;
line-height: 40px;
text-decoration: none;
border-radius: 3px;
font-size: 20px;
}
</style>
</head>
<body>
<a href="">点击领取</a>
<img src="../abc.jpg"><img src="../abc.jpg"><img src="../abc.jpg">
<div>di<br>v1</div>
<div>div2</div>
<div>div3</div>
<span>span1</span><span>span2</span><span>span3</span>
</body>
</html>
11-11
4万+
4万+
05-25
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
