css中所有元素都有边框

CSS中的边框是我们常用的样式属性之一，它可以让我们给HTML元素添加一个框框以便更好的分隔元素，进而达到更好的排版效果。在 CSS 中，我们可以使用 border 属性给元素添加边框。

.example {
    border: 1px solid #ddd;
} 

在上面的代码中，我们为类名为 example 的元素添加了一个 1 像素粗的实线灰色边框，这样它们就有了一个分隔效果，尤其是在有很多元素时会非常有用。

需要注意的是，使用 border 属性时我们必须指定边框的样式、颜色、以及宽度这三个属性。下面是一些快速设置方式。

.example {
    border: 1px solid #ddd; /* 宽度样式颜色 */
    border-width: 2px; /* 宽度，其他默认 */
    border-style: dashed; /* 样式，其他默认 */
    border-color: #ff0; /* 颜色，其他默认 */
} 

另外，值得一提的是，在 CSS 中我们不仅可以给普通元素添加边框，我们还可以为表格、图片、下拉菜单等元素添加边框。下面是一些常见元素的边框样式代码：

table {
    border: 1px solid #ddd;
}

img {
    border: 1px solid #ddd;
}

select {
    border: 1px solid #ddd;
} 

在代码中我们使用了 table、img 和 select 三个常见元素来演示边框的样式设置，实际上无论你使用什么元素，都可以通过设置 border 属性来实现边框效果。

最后需要提醒的是，虽然在 CSS 中所有元素都可以设置边框，但并不是所有元素都需要添加边框，特别是在使用表格、图片等元素时，可能会因为过多的边框导致页面过于臃肿。所以在使用边框时需要根据实际需求进行选择。