CSS是一種用于設置網頁外觀的語言,它可以讓網頁變得更加美觀和易于瀏覽。下面是一些實例,展示了如何使用CSS來設置不同的元素樣式。
/*改變標題樣式*/ h1 { color: red; text-align: center; font-size: 36px; } /*改變段落樣式*/ p { line-height: 1.5em; font-size: 18px; color: #333; } /*改變鏈接樣式*/ a { color: #0070c9; text-decoration: none; font-weight: bold; border-bottom: 2px solid #0070c9; } /*改變按鈕樣式*/ .button { background: #0070c9; color: #fff; border: none; padding: 10px 20px; font-size: 18px; font-weight: bold; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
在上述實例中,我們改變了標題、段落、鏈接和按鈕的樣式。這些樣式可以通過CSS文件或HTML文件中的<style>標簽來設置。