1. 打开需要设置圆角的HTML页面。
2. 在CSS样式表中，将需要设置圆角的元素的style属性添加到head部分，例如：
<head>
<style>
/* 设置图片的圆角宽度和高度 */
border-radius: 50%;
width: 100%;
height: 100%;
}
</style>
</head>
3. 在上述代码中，使用border-radius属性来设置图片的圆角宽度和高度。半径值越大，圆角越宽。同时，使用width和height属性来设置图片的自适应宽度和高度，以确保图片能够填满整个页面。
5. 可以通过修改style属性中的其他属性来适应不同的图片大小和分辨率。例如，可以使用width和height属性来设置图片的自适应宽度和高度，但需要注意的是，如果图片的宽度和高度小于页面的宽度和高度，图片可能会显示不全。
通过上述步骤，就可以使用CSS对图片设置圆角了。需要注意的是，由于CSS对图片的兼容性不太好，所以在使用CSS对图片设置圆角时，需要考虑图片的兼容性问题。