利用CSS盒子模型结合div做一个花样边框

最新推荐文章于 2022-02-04 09:30:00 发布

VIP文章在你隔壁的香飘飘

最新推荐文章于 2022-02-04 09:30:00 发布

阅读量542

点赞数

分类专栏： html基础入门文章标签： css html

本文链接：https://blog.csdn.net/ZYuAYuLuuu/article/details/117688572

版权

最终效果如下：

需要运用div的知识，以及标签的使用，我使用的是id标签，在style中声明，引用时利用“id=XXX ”便可使用该标签样式。

层层嵌套，并设置margin位置属性,经过调试后便可达到目的，

如下附上我的代码，欢迎大家留言讨论，如要转载请注明出处，谢谢！

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    #bo1 {
        height: 500px;
        width: 600px;
        border: 5px dotted black;