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屬性來控制布局。