CSS外边框

我想要能在我的Div的外面画一个边框！所以如果我的div是20像素，20像素，我想要一个1px的边框以外(所以本质上，我得到一个22×22像素大)。

我明白我可以让22×22的div开始，但由于原因，我需要的边界在外面。

CSS轮廓工程，但我只想要边框底部或边框顶部的东西，所以像outline-bottom，这不工作，是我想要的东西。

有没有办法做到这一点？

谢谢

解决方法

我想你已经了解了这两个属性。边框影响元素的外边缘，使元素的大小不同。大纲不会更改元素的大小或位置(不占用空间)并且超出边框。从您的描述您要使用border属性。

在浏览器中查看下面的简单示例：

<div style="height: 100px; width: 100px; background: black; color: white; outline: thick solid #00ff00">SOME TEXT HERE</div>

<div style="height: 100px; width: 100px; background: black; color: white; border-left: thick solid #00ff00">SOME TEXT HERE</div>

请注意边框是如何将底部div按下的，但是轮廓不会移动顶部div，并且轮廓实际上与底部div重叠。

您可以在这里阅读更多：
Border
Outline

原文地址：https://www.jb51.cc/css/221269.html