Angular是一個流行的前端開發框架，其中Angular4是Angular的一個版本。如果你使用Angular4作為你的開發框架，那么你需要知道如何設置CSS來美化你的網站。在這篇文章中，我們將學習如何設置CSS并將其應用于Angular4的組件中。

首先，我們需要在我們的組件中創建一個CSS文件。在這個文件中，我們可以設置樣式規則，例如顏色、字體大小等。這個文件可以通過在組件中使用以下命令創建：

ng generate component [component-name] --inline-style

這將在我們的組件目錄中創建一個名為“[component-name].component.css”的CSS文件。

現在我們已經有了CSS文件，接下來我們需要將它應用到我們的組件中。可以通過將以下代碼添加到我們的組件類中來引用CSS文件：

@Component({
selector: 'app-component',
templateUrl: './component.component.html',
styleUrls: ['./component.component.css']
})

在上面的代碼中，我們使用“styleUrls”屬性來引用我們的CSS文件。請注意，我們可以指定多個CSS文件，并用逗號分隔。

接下來，我們需要在HTML文件中使用CSS類名。我們可以通過將類名添加到HTML標簽中來實現。例如，以下代碼會將CSS類名應用到段落中：

<p class="my-class">Hello World</p>

在上面的代碼中，我們將類名“my-class”應用到段落標記中。請注意，在CSS文件中，我們需要使用點來指定類名，例如：

.my-class {
color: red;
font-size: 20px;
}

在上面的CSS中，我們設置文字顏色為紅色，字體大小為20像素。

現在，我們已經知道了如何設置CSS并將其應用到Angular4的組件中。使用這些知識，我們可以創建優美的網站并吸引更多的訪問者。