CSS中涉及幾何形狀的屬性包括border-radius（圓角）、border（邊框）、box-shadow（陰影）、transform（變形）和clip-path（裁切路徑）等。

/* 圓角屬性 */
.box-1 {
border-radius: 50%; /* 把正方形改為圓形 */
}
.box-2 {
border-radius: 20px; /* 圓角半徑為20像素 */
}
/* 邊框屬性 */
.box-3 {
border: 2px solid #000; /* 黑色2像素的實線邊框 */
}
.box-4 {
border: thin dashed red; /* 紅色虛線邊框，寬度為“thin” */
}
/* 陰影屬性 */
.box-5 {
box-shadow: 5px 5px 10px #999; /* 5像素向右、向下偏移，模糊半徑10像素，顏色為灰色 */
}
.box-6 {
box-shadow: inset 0 0 5px #000; /* 內陰影，顏色為黑色 */
}
/* 變形屬性 */
.box-7 {
transform: rotate(45deg); /* 順時針旋轉45度 */
}
.box-8 {
transform: scaleX(0.5) scaleY(1.2); /* x方向縮小到原來的一半，y方向放大到原來的1.2倍 */
}
/* 裁切路徑屬性 */
.box-9 {
clip-path: polygon(0 0, 100% 0, 80% 100%, 30% 100%); /* 自定義裁切路徑為多邊形 */
}

可以通過組合這些屬性和值，來實現更多的幾何效果。例如，組合border-radius和box-shadow可以實現圓形按鈕的效果；組合border和transform可以實現斜邊邊框的效果；組合clip-path和transform可以實現菱形、梯形等不規則形狀的效果。