今天我們要來學習CSS制作谷歌Logo。首先，我們需要在DW中打開一個新的HTML文件，然后使用pre標簽包裹下面的代碼：

/*設置文本樣式*/
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
/*設置谷歌字母顏色*/
#g {
color: #4285f4;
}
#o1 {
color: #ea4335;
}
#o2 {
color: #fbbc05;
}
#l {
color: #4285f4;
}
#e {
color: #34a853;
}
/*設置字母大小和位置*/
#g, #l, #e {
font-size: 100px;
position: relative;
top: 50px;
display: inline-block;
margin-right: 10px;
}
#o1, #o2 {
font-size: 100px;
position: relative;
top: 50px;
display: inline-block;
margin-right: -20px;
}
/*設置陰影效果*/
#g, #o1, #o2, #l, #e {
text-shadow: 1px 1px 0 #666;
}

上面的代碼中，我們首先設置了文本樣式，然后為每個字母設置了顏色。注意，這里的顏色是谷歌Logo中每個字母對應的顏色。

接下來，我們?yōu)槊總€字母設置了大小和位置，使用了position屬性來控制字母的位置。

最后，我們?yōu)槊總€字母設置了陰影效果，使字母看起來更加立體。

完成代碼后，在瀏覽器中打開HTML文件，你將會看到一個完整的谷歌Logo！