Dreamweaver是一款非常流行的網頁開發工具。在這個軟件中，我們可以非常方便的創建和編輯CSS代碼，從而實現網頁布局的設計。下面是一些基本的方法和技巧，可以幫助你更好地使用Dreamweaver來創建CSS代碼。

/* 設置頁面元素的默認樣式 */
body{
font-family:'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
font-size:14px;
color:#333;
line-height:1.42857143;
background-color:#fff;
}
/* 設置鏈接的默認樣式 */
a{
color:#337ab7;
text-decoration:none;
}
a:hover{
color:#23527c;
text-decoration:underline;
}
/* 設置標題的樣式 */
h1, h2, h3, h4, h5, h6{
margin-top:20px;
margin-bottom:10px;
font-weight:bold;
line-height:1.1;
}
/* 設置輸入框的樣式 */
input{
border:1px solid #ccc;
border-radius:4px;
box-sizing:border-box;
height:34px;
padding:6px 12px;
font-size:14px;
line-height:1.42857143;
color:#555;
}
/* 設置按鈕的樣式 */
button, .button{
display:inline-block;
padding:6px 12px;
margin-bottom:0;
font-size:14px;
font-weight:normal;
line-height:1.42857143;
text-align:center;
white-space:nowrap;
vertical-align:middle;
cursor:pointer;
border:1px solid transparent;
border-radius:4px;
background-color:#337ab7;
color:#fff;
}
button:hover, .button:hover{
background-color:#23527c;
}

以上是一些CSS代碼的示例，你可以根據自己的需要進行修改和定制。在Dreamweaver中，你可以直接編輯CSS代碼，也可以使用可視化的界面進行修改和調整。希望這篇文章能夠幫助你更好地使用Dreamweaver來創建CSS代碼，實現更加出色的網頁設計。