css 创建一个长方形的框架

在 CSS 中，使用 div 元素可以创建任意形状的框架。如果想要创建一个长方形框架，可以通过设置 div 的宽度和高度来实现。

div style="width: 300px;
     height: 200px;
     border: 1px solid black;
    ">
      p>
    这里是框架的内容/p>
    /div>
    

在上面的代码中，我们设置 div 的宽度为 300 像素，高度为 200 像素，并添加了 1 像素宽的黑色实线边框。

框架的内容可以通过添加 p 标签的方式来实现，如上面的代码所示。当然，我们也可以将内容通过 CSS 的 background-color 属性设置为背景颜色。

div style="width: 300px;
     height: 200px;
     border: 1px solid black;
     background-color: #ccc;
    ">
      p>
    这里是框架的内容/p>
    /div>
    

通过在 div 中添加 background-color 属性，我们将框架的背景色设置为淡灰色。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！