Dreamweaver是一款非常流行的網頁編輯器，它可以幫助你輕松地設計和開發網站，其中包括使用CSS樣式來控制網頁外觀的布局和設計。 下面是一些實際使用DW中CSS樣式來控制樣式的案例。

1. 文本樣式-改變字體、顏色和大小
p{
font-family: Arial, sans-serif;
font-size: 16px;
color: #333;
}
2. 邊框樣式-添加邊框和陰影
div{
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #999;
}
3. 背景樣式-改變背景顏色和圖片
body{
background-color: #f5f5f5;
background-image: url(bg.jpg);
}
4. 懸停效果-改變鼠標懸停時的行為
a{
color: #333;
text-decoration: none;
}
a:hover{
color: #f00;
text-decoration: underline;
}
5. 過渡效果-添加平滑過渡效果
button{
background-color: #4CAF50;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
transition: background-color 0.5s ease;
}
button:hover{
background-color: #f00;
}

上述樣式的示例不僅適用于DW，還可以在其他網頁編輯器中使用，希望對你的網站創建和設計有所幫助。