css 怎么消除最后一个右边距

DW软件

电脑

如下图将没有设置外边距样式和设置了外边距的效果对比图。下面将外边距进行了标注。先使用div制作一个正方形，并设置一些属性让正方形显示出来的代码：

现在是加入了外边距。下面是设置了头外边距和左外边距的代码：

接下来是为大家介绍内边距。内边距是有：padding-top（头内边距）、padding-right（右内边距）、padding-bottom（低内边距）、padding-left（左内边距）

下图是为大家绘制的正方形，并在正方形里进行填制内容的代码：

下面代码是加入了头内边距、左内边距的代码：

相信大家对内边距和外边距现在有一个了解。看看下图现在是不是可以看懂了。

因为“右边距”不知道是“外右边距”还是“内右边距”。所以小编就为大家以“外右边距为例子”，为大家进行介绍。

小编开始是进行绘制两个正方形。以下是绘制两个正方形的代码： 

大家可以看出两个正方形离的较远，所以可以使用外边距来将其的距离进行拉近。小编使用左外边距和右外边距将其进行拉近：代码如下：

那怎样消除最后一个右外边距呢？就是将最后一个正方形的右外边距进行去除就好，就是不对其进行写右外边距的属性。将最后一个正方形的右外边距去除的代码如下：

小编已经将内容介绍完毕，希望对大家是有所帮助，仅供参考。