怎么用css设置一个图片位置并有边框宽度

使用 CSS 设置图片位置和边框,可以这么做:

1. 设置图片的 float 属性,将图片漂浮在容器中,并指定漂浮方向。常用的有:

- float: left; 图片漂浮在容器左侧

- float: right; 图片漂浮在容器右侧

2. 设置图片的 margin 属性,指定图片与周围元素的距离。比如:

- margin: 10px; 上下左右 10px

- margin: 10px 20px; 上下 10px,左右 20px

- margin: 10px 20px 0; 上 10px,左右 20px,下 0

3. 设置图片的 position 属性为 relative 或 absolute,然后再设置左右位置:

- position: relative; left: 20px; 相对定位,向左移动 20px

- position: absolute; right: 20px; 绝对定位,向右移动 20px

4. 设置图片的边框,使用 border 属性:

- border: 1px solid #ccc; 灰色 1px 实线边框

- border: 5px dotted red; 红色 5px 点状边框

- border-width: 2px; border-style: solid;  border-color: blue; 设置分开的边框样式

5. 也可以使用 padding 属性在图片边缘创建边距:

- padding: 10px; 上下左右 10px 的内边距

- padding: 5px 10px 0 20px; 上 5px,右 10px,下 0,左 20px 的内边距

综上,通过 float、margin、position、border、padding 等 CSS 属性,可以轻易地设置图片的位置和边框大小样式。具体设置哪些属性,取决于图片在页面中的位置和效果。