在網頁設計中，CSS（層疊樣式表）是非常重要的。好看的CSS樣式可使您的網頁更加吸引人，吸引大量的訪問者。下面，我們將介紹一些好看的CSS樣式，讓您可以輕松地為您的網頁添加一些獨特的風格。

/* 星空背景 */
body {
background: #000 url('stars.gif');
}
/* 漸變邊框 */
#box{
border: 10px solid;
border-image: linear-gradient(to right, #00ffff, #0000ff);
border-image-slice: 1;
}
/*懸浮效果 */
.button:hover{
color:#fff;
background:#2f2f2f;
}
/*文本效果 */
h1 {
font-size: 50px;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1em;
text-shadow: 2px 2px 4px #000000;
}
/*響應式布局*/
@media (max-width:768px){
.container{
width:100%;
padding: 0 20px;
}
}
/*背景動畫*/
.bg-slide{
animation: bg-slide 20s linear infinite;
background-color: #222;
background-image: url('stars.gif');
}
@keyframes bg-slide{
0% {background-position: 0 0;}
100% {background-position: 500px 0;}
}

以上是幾個好看的CSS樣式，它們能讓您的網頁變得更具吸引力。使用這些樣式之前，您需要先了解它們在哪種布局中會表現最好，并且在使用時注意不要過度使用。祝您的網頁設計之路順利！