CSS劃過圖片上面有字的文章示例如下：

CSS是一種用于設(shè)計(jì)和樣式化網(wǎng)頁的編程語言。它可以用于創(chuàng)建各種類型的頁面布局，包括響應(yīng)式布局、動(dòng)畫效果、樣式化文本等等。下面是一個(gè)使用CSS將圖片上添加文本的簡單示例。

首先，我們需要在HTML中添加一個(gè)包含圖片和文本的頁面元素。例如：

<p>Hello, world!</p>

</div>

position: relative;

width: 200px;

height: 200px;

width: 100%;

height: auto;

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 0;

background-color: rgba(0, 0, 0, 0.5);

color: white;

font-size: 16px;

line-height: 1.5;

在上面的代碼中，我們使用了`position: absolute`屬性來將文本放置在圖片的上面。我們還使用了`top`、`left`和`right`屬性來設(shè)置文本的位置。同時(shí)，我們還使用了`background-color`屬性來設(shè)置文本的顏色，并使用了`font-size`和`line-height`屬性來設(shè)置文本的大小和樣式。

通過上述步驟，我們可以使用CSS將圖片上添加文本。您可以根據(jù)需要調(diào)整樣式，以達(dá)到最佳效果。