CSS中div的外边距margin

最新推荐文章于 2021-08-03 17:47:48 发布

李昆鹏

最新推荐文章于 2021-08-03 17:47:48 发布

阅读量8.1k

点赞数 3

分类专栏： CSS 文章标签： CSS

本文链接：https://blog.csdn.net/weixin_41547486/article/details/80279186

版权

CSS 专栏收录该内容

14 篇文章 1 订阅

订阅专栏

---------------------------------------------CSS中div的外边距margin-----------------------------------------

代码示例：

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

span{

font-size:12px;

font-family: Arail;

padding:10px;

background-color:#fffcd3;

border:1px solid black;

}

.left{

background-color:#a9d6ff;

margin-right:30px;

}

.right{

margin-left:30px;

}

</style>

</head>

<body>

</body>

</html>

---------------------------------------------------

-----------------------------------------------------

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

div{

font-size:12px;

font-family: Arail;

padding:10px;

background-color:#fffcd3;

border:1px solid black;

width:50%;

}

.inside{

background-color:#a9d6ff;

margin:10px 30px 50px 100px;/* 设置div的外边距，顺时针由上开始赋值 */

}

</style>

</head>

<body>

<div class="inside">内部div</div>

</div>

</body>

</html>

----------------------------------------------------

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

李昆鹏

关注关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS中div的外边距margin

---------------------------------------------CSS中div的外边距margin----------------------------------------- 代码示例：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&...
复制链接

扫一扫