CSS實現(xiàn)矩形里面有箭頭的效果，可以通過使用偽元素和CSS樣式來實現(xiàn)，以下是一個示例代碼：

HTML結(jié)構(gòu)：

<div class="rectangle">
  <div class="arrow"></div>
</div>

CSS樣式：

.rectangle {
  width: 200px;
  height: 100px;
  position: relative;
  background-color: #f0f0f0;
}
.arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px;
  border-color: #000 transparent transparent #000;
}

在這個示例中，我們創(chuàng)建了一個名為.rectangle的矩形容器，并在其中添加了一個名為.arrow的偽元素，矩形的寬度和高度分別為200px和100px，背景顏色為#f0f0f0，箭頭的位置通過position: absolute;設置為***定位，并使用了transform屬性來調(diào)整箭頭的位置，箭頭的樣式通過border-style和border-width來設置，并使用了border-color來調(diào)整箭頭的顏色。

通過調(diào)整箭頭的樣式和位置，可以實現(xiàn)不同效果的矩形內(nèi)有箭頭，如果需要更多的樣式調(diào)整，可以在CSS樣式中添加更多的樣式規(guī)則。