標題：CSS如何插圖

插圖是指將圖像或圖片作為CSS樣式的一部分來使用，以便在網頁中創建各種視覺效果。在CSS中插圖有許多不同的方法，包括使用外部圖像庫、創建自己的圖像塊、使用CSS偽元素和在HTML元素中嵌入圖像等。

width: 200px;

height: 200px;

border: 1px solid #ccc;

display: inline-block;

width: 200px;

height: 200px;

border: 1px solid #ccc;

使用CSS偽元素還可以創建一些有趣的效果，例如動畫和旋轉。例如，可以使用<div>標簽和CSS旋轉屬性來創建一個類似于下面的效果：

div {

width: 200px;

height: 200px;

background-size: cover;

background-position: center;

margin: 10px auto;

transform: rotate(45deg);

在這個例子中，使用<div>標簽和CSS旋轉屬性創建了一個類似于下面的效果：

<div>

</div>

width: 200px;

height: 200px;

border: 1px solid #ccc;

width: 100%;

height: auto;