关闭

行内元素和块元素

标签: 每天进步一点点
35人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="1.css">
<style type="text/css">
span{
width: 400px;
height: 100px;
background-color: pink;
display: block;
}
div{
width: 400px;
height: 200px;
background-color: red;
display: inline;
}
a{
display: block;
}
</style>
</head>
<body>
<!--行内元素设置宽度和高度无效,必须先转换为块元素 dispaly:blcok
块级元素转化为行内元素需要dispaly:inline
行内元素的padding和margin只有水平方向的-->
<span>123</span>
<div>woshidiv</div>
<a href="#">我是超链接行内元素</a>
</body>
</html>



0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:296次
    • 积分:72
    • 等级:
    • 排名:千里之外
    • 原创:5篇
    • 转载:0篇
    • 译文:3篇
    • 评论:0条
    文章分类
    文章存档