CSS是网页设计中不可缺少的一部分。在网页设计中，我们经常需要给元素加边框，以突出元素或分隔元素。但是加边框通常会占用元素的宽度，影响整个页面的布局效果。下面介绍一种方法使用CSS为元素添加边框，而不占用元素的宽度。

.box {
/* 设置元素宽度 */
width: 200px;
/* 设置元素高度 */
height: 100px;
/* 设置元素边框 */
border: 2px solid black;
/* 使用box-sizing设置元素大小包括边框和内边距 */
box-sizing: border-box;
}

在上述代码中，我们首先给元素设置宽度和高度，然后使用border属性设置边框样式。最后使用box-sizing属性将元素的大小包括边框和内边距。这样，元素中的内容就不会被边框所顶起，也不会使元素的宽度增加。

当然，需要注意的是，在一些老的浏览器中可能不支持box-sizing属性，我们可以使用JavaScript为这些浏览器添加支持。

总之，使用CSS为元素添加边框时，除了使用box-sizing属性外，我们还可以使用其他一些技巧，如使用伪元素或outline属性等方法。但是，无论使用哪种方法，都应该避免让边框占用元素的宽度，以免影响整个页面的布局效果。