網(wǎng)頁制作怎么制作按鈕？1. 創(chuàng)建一個500*250像素的新窗口，填充綠色（R:52，G:175，B:125），創(chuàng)建一個名為“按鈕底部”的新層，選擇“圓角矩形工具”，半徑值為“25”，繪制一個圓角矩形。

網(wǎng)頁制作怎么制作按鈕？

1. 創(chuàng)建一個500*250像素的新窗口，填充綠色（R:52，G:175，B:125），創(chuàng)建一個名為“按鈕底部”的新層，選擇“圓角矩形工具”，半徑值為“25”，繪制一個圓角矩形。

2. 鎖定透明像素，如[3]所示。選擇漸變工具，顏色設(shè)置如下，從上到下繪制漸變效果

4。在“button bottom”上創(chuàng)建一個名為“button highlight”的新層，調(diào)用“button bottom”選項。例如，選擇菜單：選擇>修改>收縮，數(shù)值為3，填充白色，按Ctrl d取消選擇。

5. 在“按鈕高亮”層添加一個蒙版，然后使用黑白漸變工具從上到下繪制漸變

6。返回“按鈕底部”圖層，調(diào)出圖層樣式，分別調(diào)整內(nèi)部陰影和筆劃。

7. 在“button bottom”層之上創(chuàng)建一個新層，命名為“button light metering”，并調(diào)用“button bottom”選項。例如，選擇菜單：選擇>修改>收縮，值為1，然后填充白色。使用矩形選擇工具將選定內(nèi)容向右移動幾個像素，然后按“刪除”鍵刪除選定部分

8。按Ctrl D取消選擇，然后用橡皮工具選擇合適的大小插入下半部分

9。按Ctrl J將“按鈕側(cè)光”復(fù)制到圖層，選擇：編輯變形垂直翻轉(zhuǎn)，然后選擇：編輯變形水平翻轉(zhuǎn)并將翻轉(zhuǎn)后的圖片向右移動

10。在“按鈕底部”上方創(chuàng)建一個名為“按鈕邊緣”的新層，以調(diào)用“按鈕底部”的選擇。例如，選擇菜單：“編輯”>“筆劃設(shè)置”，例如，按Ctrl d取消選擇。

11. 在“button highlight”上方創(chuàng)建一個新層，并將其命名為“button text”。在上面鍵入“網(wǎng)站名稱”并使用白色字體顏色。

12。按Ctrl J復(fù)制文字圖層，隱藏下面的文字并向上面的文字添加投影效果。例如，返回到下面的文本層，刪除網(wǎng)格層，然后選擇“編輯”>“變形”>“垂直翻轉(zhuǎn)”菜單，將文本拖動到正確的位置

13。添加一個掩碼，如下圖所示。使用黑白漸變從上到下繪制漸變以反映文本。

網(wǎng)頁設(shè)計，如何制作在點擊一個按鈕之后，才在一個div框中顯示文字圖片？

只需將onclick事件添加到按鈕。這是一個案例。&Ltdiv id=“box”></div><button onclick=“addcontent（）”> button</button><script>函數(shù)addcontent（）{var odiv}=文檔.getElementById（“框”）oDiv.innerHTML=“這是添加的文本”“//oDiv.innerHTML=“<img src=”1。最小.jpg“/>”//添加圖片}</script>