在CSS中，可以使用image-border屬性為圖片添加邊框，并在邊框前添加文字，以下是一個示例代碼：

img {
  border: 5px solid #000; /* 添加邊框 */
  position: relative; /* 相對于其正常位置定位 */
}
img::before {
  content: "圖片標題"; /* 在圖片前添加文字 */
  position: absolute; /* ***定位 */
  top: -5px; /* 向上移動5px */
  left: -5px; /* 向左移動5px */
  padding: 5px; /* 內(nèi)邊距 */
  background-color: #fff; /* 背景色 */
  border-radius: 5px; /* 圓角 */
}

在這個示例中，img元素添加了一個5像素寬的黑色邊框，并通過position: relative使其可以定位，使用img::before偽元素在圖片前添加文字。position: absolute使其***定位，top和left屬性將其移動到圖片邊框前。padding增加了內(nèi)邊距，background-color設(shè)置了背景色，border-radius添加了圓角。

這樣，圖片邊框前就會顯示添加的文字，可以根據(jù)需要調(diào)整邊框?qū)挾?、顏色和文字樣式等屬性?/p>