行内元素和块元素

<!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>



阅读更多
文章标签: 每天进步一点点
个人分类: css
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭