CSS是一種用于修改網頁樣式的語言,它能夠幫助我們調整字體、顏色、布局等方面的樣式。在以下的例子中,我們將使用CSS來修改一個簡單的網頁。
Welcome to My Website
This is a paragraph on my website.
以上是我們的HTML代碼,現在我們要添加一個名為styles.css的樣式文件,用于修改頁面樣式。我們可以在該文件中編寫以下代碼:
h1 { color: blue; font-size: 36px; } p { color: green; font-size: 24px; margin: 10px; } img { width: 50%; display: block; margin: 0 auto; }
以上的代碼中,我們使用了h1、p和img三個元素的選擇器來對它們的樣式進行修改。我們給h1元素修改了字體顏色和大小,讓它看起來更加醒目。我們還改變了p元素的字體顏色、大小和邊距,這樣它就更容易閱讀。最后,我們使用了img元素的CSS屬性來使其居中顯示,并讓它的寬度為50%。
現在我們可以刷新頁面,就能看到我們所做的修改。通過使用CSS,我們可以輕松地修改網頁的樣式,讓它看起來更加美觀和易于閱讀。