簡單登錄界面(純css實現),利用透明度


跟着B站up主視頻教程學習,自己手敲代碼實現 效果如下:

 

 

總結一下要點:

1.主要是利用顏色及其透明度。css的顏色表示有好幾種,在這里用的RGB十六進制,有個小技巧--如#ffffff00,直接在顏色后面寫透明度。

透明度用16進制表示的話,全透明到不透明的取值對應(00-ff)之間。FF為不透明可以忽略不寫,所以通常所見的RGB#ffffff六位。

2.表單控件input標簽有個屬性值,用來設置提示信息--placeholder。HTML5新加屬性,可以在input標簽里顯示提示輸入信息,與value不同。

3.設置顏色的時候,搞混了background-color和color....

4.字符圖標的使用:font awesome的下載最好是中文的,可以用什么在官網搜索。之前下載的一直沒找到搜索框,也沒有幫助文檔,用起來很吃力。

 http://www.fontawesome.com.cn/。

在線復制粘貼樣式,用<i>標簽引用。阿里的矢量圖還沒有好好研究。

5.一個在線漸變的調色網站:https://webgradients.com/ 有點卡,熟悉背景漸變可以忽略。

 

 

PS:動漫電影圖片作背景真的很nice!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM