CSS出框是指在網頁設計中使用CSS（層疊樣式表）來實現各種形狀、大小、顏色的盒子效果，從而使網頁更加美觀且易于閱讀。下面是一些常用的CSS出框技巧：

1. 使用border屬性為盒子添加邊框
例如，想要為一個div盒子添加一個1像素的紅色邊框可以這樣寫：
div{
border: 1px solid red;
}
2. 使用padding屬性為盒子設置內邊距
內邊距是指盒子內容和盒子邊框之間的空白區域，可以使用padding屬性來設置。例如，想要在一個p標簽內部創建一個20像素寬的紅色內邊距可以這樣寫：
p{
padding: 20px;
background-color: red;
}
3. 使用margin屬性為盒子設置外邊距
外邊距是指盒子邊框和周圍元素之間的空白區域，可以使用margin屬性來設置。例如，想要將一個div盒子向左移動40像素可以這樣寫：
div{
margin-left: -40px;
}
4. 使用border-radius屬性為盒子設置圓角
border-radius屬性可以為盒子的邊框添加圓角效果，可以通過指定像素、百分比或者長度單位來設置。例如，想要為一個div盒子添加20像素的圓角可以這樣寫：
div{
border-radius: 20px;
}

除了以上常用的CSS出框技巧之外，還有很多其他的技巧可以掌握。通過靈活運用CSS出框技巧，可以為網頁設計帶來更多可能性，創造更加獨特的視覺效果。