在前端开发中，我们经常需要对照片进行样式的改变，这时 CSS 就是我们必不可少的工具。

CSS 可以通过如下几种方式来改变照片的样式：

img {
width: 100%;/*修改宽度*/
border: 1px solid red;/*添加边框*/
border-radius: 50%;/*添加圆角*/
opacity: 0.5;/*修改透明度*/
filter: grayscale(100%);/*修改为黑白照片*/
transform: rotate(45deg);/*旋转照片*/
box-shadow: 0px 0px 10px #000000;/*添加阴影*/
}

修改照片宽度：

通过设置照片的宽度，可以改变照片在页面中的大小比例，代码示例如下：

img{
width: 100%;/*将照片的宽度设置为与父容器相等*/
}

添加边框：

可以为照片添加边框，通过设置不同的颜色和宽度，可以达到不同的效果，代码示例如下：

img{
border: 1px solid red;/*添加1像素宽的，红色实线边框*/
}

添加圆角：

通过设置边框半径，将矩形照片变成圆形或者椭圆形照片，代码示例如下：

img{
border-radius: 50%;/*将照片的边角半径设置为50%*/
}

修改透明度：

通过设置透明度，可以让照片更加透明或者不透明，代码示例如下：

img{
opacity: 0.5;/*将照片的透明度设置为50%*/
}

修改为黑白照片：

可以让照片变成黑白或者其他颜色，代码示例如下：

img{
filter: grayscale(100%);/*将照片的色彩变成黑白*/
}

旋转照片：

可以让照片旋转一定的角度，代码示例如下：

img{
transform: rotate(45deg);/*将照片旋转45度*/
}

添加阴影：

可以为照片添加阴影效果，代码示例如下：

img{
box-shadow: 0px 0px 10px #000000;/*添加一个黑色，宽度为10像素的阴影*/
}

总结：

通过 CSS 的各种属性和方法，可以对照片的大小、形状、颜色、透明度等方面进行修改，从而达到我们想要的效果。