在網站設計中，經常會遇到需要在背景圖片右邊顯示文字的情況。在這種情況下，我們可以使用CSS來實現這個效果。下面，我們來看一下如何在CSS中設置文字在背景圖片右邊顯示。

background-image: url("圖片地址");
height: 400px; /* 背景圖片高度 */
width: 100%; /* 背景圖片寬度 */
display: flex;
align-items: center;

以上是設置背景圖片的代碼。接著，我們需要設置文字的樣式。我們可以通過下面的代碼來實現文字在背景圖片右側顯示的效果。

width: 50%;
text-align: right;
margin-right: 50px;
color: #fff;
font-size: 24px;

以上代碼中，我們設置了文字寬度為背景圖片的一半，并且通過text-align屬性將文字向右對齊。同時，我們還設置了文字的顏色和字體大小。

如果想要在文字和背景圖片之間添加一定的間距，我們可以通過CSS的margin屬性來調整。

總體來說，利用CSS可以很方便地實現文字在背景圖片右側顯示的需求。以上是關于CSS文字在背景圖片右側的介紹，希望對大家有所幫助。