CSS樣式文字可以被寫在圖片上，從而增加網(wǎng)頁(yè)的美感和視覺效果。這種技巧經(jīng)常用在博客和網(wǎng)站的標(biāo)題、廣告和特別的信息上。下面是一個(gè)簡(jiǎn)單的實(shí)現(xiàn)方法： 首先，需要準(zhǔn)備一張圖片和文本。 然后，使用CSS樣式來(lái)將文本寫在圖片上。下面是一個(gè)展示文字居中，字體為白色的簡(jiǎn)單例子： pre { white-space: pre-wrap; /* 將換行符轉(zhuǎn)換為換行 */ } div { position: relative; /* 相對(duì)定位 */ } img { display: block; /* 將圖片變成塊元素，避免行內(nèi)元素空隙 */ } p { position: absolute; /* 絕對(duì)定位 */ top: 50%; /* 垂直偏移50% */ left: 50%; /* 水平偏移50% */ transform: translate(-50%, -50%); /* 將元素居中 */ color: #fff; /* 字體為白色 */ }通過(guò)CSS中的position、top、left和transform屬性，使文字居中在圖片上。position屬性指定元素的定位方式，使它相對(duì)或絕對(duì)定位。top和left屬性用來(lái)設(shè)定元素在父元素中的位置，而transform屬性用來(lái)調(diào)整元素的位置，以到達(dá)居中的效果。 此外，也可以使用z-index屬性來(lái)調(diào)整元素的前后層疊順序，讓文字與圖片融合得更加自然。 總之，利用CSS樣式讓文字寫在圖片上是一種很棒的視覺效果，可以使網(wǎng)頁(yè)更加生動(dòng)和有趣。使用上述的代碼，你可以將圖片和文字隨意搭配，展現(xiàn)出更多個(gè)性化的效果。