網頁圖片,設計一個網頁登陸框圖片教程

2023-12-01 17:25:44 來源/作者: / 己有:1人學習過

5、為這個圓角矩形添加一個圖層樣式。這里,我添加了描邊、內陰影以及投影。

網頁圖片,設計一個網頁登陸框圖片教程

網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程

6、下面,復制一層這個圓角矩形,按照構思, 我們將用第一個圓角矩形來當作輸入用戶名 的框框,復制來的這一個圓角矩形,我們下 移一定的像素,用來當作輸入密碼的框框。

網頁圖片,設計一個網頁登陸框圖片教程

7、接下來,我們繼續(xù)復制一層這個圓角矩形, 依舊下移一定的像素,用來當作確定的框框。右鍵清除掉圖層樣式,并將形狀填充顏色更改為#749e5e,添加一個圖層樣式。

網頁圖片,設計一個網頁登陸框圖片教程

網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程
網頁圖片,設計一個網頁登陸框圖片教程