在網站設計中，表單布局是非常重要的一部分。它關系到用戶體驗以及整個網站的設計風格。一個好看的表單布局不僅能提升用戶體驗，還能為網站增色不少。下面介紹一些好看的表單布局CSS。

/* 1.經典的豎向表單布局 */
form {
display: flex;
flex-direction: column;
/* 表單控件垂直間距 */  
row-gap: 10px;
}
/* 2.水平表單布局 */
form {
display: flex;
/* 表單控件水平排列 */
flex-direction: row;
/* 表單控件之間的空隙 */  
column-gap: 20px;
}
label {
/* 控制label的寬度以免文字溢出 */
width: 100px;
}
/* 3.網格表單布局 */
form {
display: grid;
/* 網格行數及高度 */  
grid-template-rows: repeat(4, 1fr);
/* 網格列數及寬度 */
grid-template-columns: repeat(3, 1fr);
/* 網格單元格之間的空隙 */  
gap: 10px;
}

以上三種表單布局均使用了CSS的強大特性。通過flexbox布局和grid布局，可以輕松實現各種各樣的表單布局效果。另外，使用適當的顏色搭配和字體樣式，也能讓表單布局更加好看。

總之，設計好看的表單布局需要我們在HTML和CSS方面都要做好功課，同時注重細節，才能真正實現優雅的設計。