CSS可以实现许多不同的效果，其中之一就是实现照片左右显示。如果想要在网页上的文章中加入一张照片并使其靠左或靠右对齐，那么可以通过下面的代码来实现。

img {
float: left; /*或float: right; */
margin: 0 20px 20px 0; /*或margin: 0 0 20px 20px; */
}

上面的代码中，float: left;表示将照片向左浮动，此时照片的右侧将留出空间来让文字填充。如果想要将照片向右浮动，可以将left改成right。

接下来的margin属性则是设置照片周围的空格大小。这里的0 20px 20px 0表示上、右、下、左四个方向分别是0、20像素、20像素和0像素。如果想要将照片放在文章开头并占用整行的宽度，可以将margin属性设为0 auto 20px;来水平居中。

除了上述方式外，还可以使用position: absolute;和position: relative;来定位照片。如果需要精细排版的话，可以在img标签内嵌套<div>标签，并在样式表中设置width和height属性来控制布局。