在進行網頁設計和開發時，我們常常需要使用到CSS來美化網頁。為了快速調試和測試CSS樣式，我們可以使用在線的CSS編輯器。

一個常用的CSS在線編輯器是CodePen。在CodePen網站上，你可以選擇一個模板或新建一個文件，然后在編輯器中編寫CSS樣式代碼。

下面是一個例子：

/* HTML部分 */
<div class="box">這是一個例子</div>
/* CSS部分 */
.box {
width: 200px;
height: 200px;
background-color: #e0e0e0;
border: 1px solid #ccc;
border-radius: 10px;
text-align: center;
line-height: 200px;
font-size: 24px;
color: #333;
}

在以上代碼中，我們使用CSS樣式來設置一個具有圓角、邊框和背景的盒子，并在盒子中心放置一段文字。我們可以在CodePen編輯器中進行實時的預覽和調整。

除了CodePen之外，還有其他一些類似的在線CSS編輯器，如JSFiddle和CSSDesk等。

總之，使用在線的CSS編輯器可以提高我們的開發效率，讓我們更加方便地調試和測試CSS樣式，從而創建出更加美麗的網頁。