在圖片中加數(shù)字CSS怎么加？

在CSS中，我們可以使用position屬性將數(shù)字定位在圖片中的特定位置，以下是一個簡單的示例，展示如何將數(shù)字定位在圖片的右下角：

<div class="image-with-number">
  <img src="your-image-url.jpg" alt="圖片描述">
  <span class="number">123</span>
</div>

.image-with-number {
  position: relative;
  width: 300px; /* 圖片的寬度 */
  height: 200px; /* 圖片的高度 */
}
.image-with-number img {
  width: 100%;
  height: 100%;
}
.image-with-number .number {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.7); /* 數(shù)字的背景色 */
  border: 1px solid #000; /* 數(shù)字的邊框 */
  border-radius: 3px; /* 數(shù)字的邊框圓角 */
}

在這個示例中，我們首先在HTML中創(chuàng)建一個包含圖片和數(shù)字的容器，在CSS中，我們使用position: relative;將容器設置為相對定位，這樣我們可以使用position: absolute;將數(shù)字定位在容器的特定位置，通過調整right和bottom屬性，我們可以控制數(shù)字在圖片中的位置，我們還設置了一些樣式來美化數(shù)字，如背景色、邊框和邊框圓角。

你可以根據(jù)自己的需求調整這個示例中的樣式和位置，希望這能幫助你在圖片中加數(shù)字CSS怎么加！