在Web前端开发中，我们可以通过CSS来设置元素的外边框样式。以下是几种常见的设置外边框的方法和属性：
border属性：通过border属性可以设置元素的外边框样式。border属性接受三个参数，分别是边框的宽度、样式和颜色。例如：
div {
border: 1px solid black;
}
上述代码会给div元素设置一个宽度为1像素、样式为实线、颜色为黑色的外边框。
border-width属性：通过border-width属性可以设置元素的边框宽度。该属性可以接受一个或四个参数，分别表示上、右、下、左四个方向的边框宽度。例如：
div {
border-width: 2px 1px 3px 1px;
}
上述代码会给div元素设置上边框宽度为2像素，右边框和左边框宽度为1像素，下边框宽度为3像素。
border-style属性：通过border-style属性可以设置元素的边框样式。该属性可以接受一个或四个参数，分别表示上、右、下、左四个方向的边框样式。常见的边框样式包括实线（solid）、虚线（dashed）、点线（dotted）等。例如：
div {
border-style: solid dashed dotted solid;
}
上述代码会给div元素设置上边框样式为实线，右边框样式为虚线，下边框样式为点线，左边框样式为实线。
border-color属性：通过border-color属性可以设置元素的边框颜色。该属性可以接受一个或四个参数，分别表示上、右、下、左四个方向的边框颜色。颜色可以用具体颜色值、十六进制值或颜色名称表示。例如：
div {
border-color: red #0000FF rgb(0, 255, 0) black;
}
上述代码会给div元素设置上边框颜色为红色，右边框颜色为蓝色，下边框颜色为绿色，左边框颜色为黑色。
border-radius属性：通过border-radius属性可以设置元素的边框圆角。该属性接受一个或四个参数，分别表示上左、上右、下右、下左四个角的圆角半径。例如：
div {
border-radius: 10px 5px 10px 5px;
}
上述代码会给div元素设置上左角和下右角的圆角半径为10像素，上右角和下左角的圆角半径为5像素。
以上是常见的设置外边框的方法和属性，通过灵活地运用这些属性，我们可以实现各种不同样式的外边框效果。