边框是CSS中常用的一种排版样式，可以用来给网页的元素添加边框效果，起到美化页面的作用。边框的宽度也是边框样式中比较重要的一个属性，下面我们来看看如何设置边框的宽度。

.border {
border-width: 1px;
}

在CSS中，我们可以使用border-width属性来设置边框的宽度，通过给其赋不同的值来达到改变边框宽度的效果。

.border {
border-top-width: 2px;
border-bottom-width: 2px;
border-left-width: 1px;
border-right-width: 1px;
}

除了直接设置border-width属性外，我们还可以使用border-top-width、border-bottom-width、border-left-width和border-right-width属性来设置边框不同方向的宽度。这样可以使边框的宽度更加精细地控制。

在使用边框宽度时，需要注意的是有些浏览器存在默认的边框宽度，如果不希望出现这种默认效果，可以将边框宽度设置为0。

.box {
border: none;
}

同时，如果需要在边框宽度中使用像素、厘米等单位，可以使用px、cm等单位。

.border {
border-width: 2px;
}

上述就是关于边框宽度的笔记，如果想要更好地掌握边框样式的使用，可以多多实践和运用，熟能生巧。