CSS外边框

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/221269.html

猜你在找的CSS相关文章