在Dreamweaver中建立CSS樣式非常容易,只需要按照以下步驟即可:
1. 首先打開Dreamweaver軟件,創建一個新的HTML文檔。
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> </body> </html>
2. 接著在HTML文檔中創建一個CSS文件,并將命名為style.css。
3. 然后在style.css文件中,可以定義一些基本的樣式,例如:
body { background-color: #F7F7F7; font-family: Arial, sans-serif; font-size: 14px; color: #333; } h1 { color: #333; font-size: 24px; font-weight: bold; margin-top: 30px; }
4. 在HTML文檔中,需要添加一個link標簽來鏈接樣式表:
<!DOCTYPE html> <html> <head> <title>My Website</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Welcome to My Website</h1> <p>This is my first paragraph.</p> </body> </html>
5. 最后,保存文件并在瀏覽器中查看效果。
總結:在Dreamweaver中建立CSS樣式需要創建一個CSS文件,然后在HTML文檔中添加link標簽鏈接樣式表。定義樣式時可以選擇一些基本的屬性,如背景色、字體樣式和大小等。
上一篇怎么把html和css
下一篇css輸入密碼顯示星號