HTML---第六章盒子模型基础

最新推荐文章于 2021-01-17 10:57:03 发布

可爱的黄油手

最新推荐文章于 2021-01-17 10:57:03 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/gengzhi1293443962/article/details/52849808

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.a1 {
	height: 222px;
	width: 222px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #090;
	border-right-color: #C00;
	border-bottom-color: #60F;
	border-left-color: #F3C;
	background-image: url(../u=123238188,2490517794&fm=21&gp=0.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 50px;
	margin-right: 50px;
	margin-bottom: 50px;
	margin-left: 70px;
	padding-top: 50px;
	padding-right: 150px;
	padding-bottom: 50px;
	padding-left: 50px;
}
.b{
	border: medium solid #000;
display:block;
}
a:hover span{text-decoration:none; 
display:block;

}
</style>
</head>

<body class="b">
<div class="a1">1


<p class="b">剩下几格点亮</p>
<p class="b">能否撑到天亮</p>
<p class="b">泪水不争气的缓慢落下</p>
<p class="b">再多话只能独享</p>
<span class="b">慢慢的理想</span>
<span class="b">和世界对抗</span>
<span class="b">才发现原来我没有翅膀</span>
<span class="b">所谓的幸福是什么模样</span>



</div>
<div class="a1">2</div>
<div class="a1">3</div>
<div class="a1">4</div>
<a href="#"/>二维码<span  class="c">微信号</span></a>
</body>
</html>

可爱的黄油手

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
HTML---第六章盒子模型基础

无标题文档.a1 { height: 222px; width: 222px; border-top-width: medium; border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-top-style: dashed; border-right-s
复制链接

扫一扫