一、基本边框样式
1.1 设置边框样式
使用border-style属性可以设置边框的样式，如实线（solid）、虚线（dashed）或点状（dotted）等。
img {
border-style: solid;
}
1.2 设置边框宽度
border-width属性用于设置边框的宽度，可以使用像素（px）、百分比（%）或关键词（如thin、medium、thick）。
img {
border-width: 2px;
}
1.3 设置边框颜色
border-color属性用于设置边框的颜色，可以使用颜色名称、RGB值或16进制颜色值。
img {
border-color: #ff0000; /* 红色 */
}
二、图片边框创意设计
2.1 使用border-image
img {
border-image: url('border.png') 30 30 round repeat;
}
这里的border-image包含了四个值：
- 图片URL
- 边框的宽度（上、右、下、左）
- 重复方式（round为圆形）
- 平铺方式（repeat为重复）
2.2 圆角边框
img {
border-radius: 10px;
}
2.3 阴影效果
img {
box-shadow: 2px 2px 5px #888888;
}