• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

css-14.盒子模型

开发技术 开发技术 2周前 (09-15) 219次浏览
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/*body总有一个默认的外边距margin:8px;*/
ul li h1 body{
margin: 0px;
}
h2{
font-size: 30px;
}
/*border:粗细,样式,颜色*/
.div1{
width: 300px;
border: 1px solid red;
}
form{
background: #8d8080;

}
div:nth-of-type(1) input{
border: 1px solid red;
}

</style>
</head>
<body>

<div class="div1">
<h2>
会员登录
</h2>
<form action="">
<div>
<span>用户名</span>
<input type="text">
</div>
<div>
<span>密码</span>
<input type="text">
</div>
</form>

</div>

</body>
</html>

程序员灯塔
转载请注明原文链接:css-14.盒子模型
喜欢 (0)