练习 | CSS盒子模型

最新推荐文章于 2023-01-11 15:35:13 发布

VIP文章虎鲸一号

最新推荐文章于 2023-01-11 15:35:13 发布

阅读量2.1k

点赞数 5

分类专栏：学习记录 Web

本文链接：https://blog.csdn.net/qq_44537414/article/details/104124037

版权

文章目录

题1:如何不让外边距合并

请用盒子模型的边框实现下面版面(如何不让外边距合并）
在这里插入图片描述

解
在这里插入图片描述
这里采用的是 padding 和 margin 一起使用的方法
找到了一篇写了很多解法的文章（码）

index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>EX01</title>
  <link href="index.css" rel="stylesheet">
</head>
<body>
  <div>
    <div class="content">1</div>
    <div class="content">2</div>
    <div class="content">3</div>
    <div class="content">4</div>
    <div class="content">5</div>
  </div

最低0.47元/天解锁文章

优惠劵

虎鲸一号

关注关注

5
点赞
踩
16

收藏

觉得还不错? 一键收藏
2
评论
练习 | CSS盒子模型

文章目录题1:如何不让外边距合并题2:行内显示多个元素题3:元素水平居中题4:元素水平垂直同时居中题5:边角按钮题1:如何不让外边距合并请用盒子模型的边框实现下面版面(如何不让外边距合并）解这里采用的是 padding 和 margin 一起使用的方法找到了一篇写了很多解法的文章（码）index.html<!DOCTYPE html><html lang...
复制链接

扫一扫