Dreamweaver是一款非常流行的網站制作軟件,如果想要制作一個漂亮的網站,就必須掌握css樣式。下面我們就來學習如何在Dreamweaver中創建css樣式。
首先,在Dreamweaver中創建一個新的html文件。我們可以用pre標簽來加入樣式代碼,以便更好地查看和編輯代碼。
/*設置所有p元素的字體大小和顏色*/ p { font-size: 16px; color: #333; }
上面的代碼設置了所有p元素的字體大小為16像素,顏色為黑色。接下來,我們來為某個具體的頁面元素設置樣式。
/*設置導航欄樣式*/ .nav { background-color: #333; height: 50px; display: flex; align-items: center; justify-content: space-between; } /*設置按鈕樣式*/ .btn { background-color: #f90; color: #fff; padding: 10px 20px; border-radius: 5px; text-decoration: none; }
上面的代碼設置了導航欄的背景顏色為黑色,高度為50像素,使用flex布局使其水平居中,兩端對齊。同時,還設置了按鈕的背景顏色為橙色,文字顏色為白色,加上圓角邊框,使其更為美觀。
掌握了上面的css樣式代碼,就可以在Dreamweaver中輕松創建出一個漂亮的網頁了。希望本篇文章對你有所幫助。
上一篇css文字居下auto