今天學習了CSS,做了一個簡單的登錄界面練習。在HTML中,我使用了一個form元素,并在里面添加了一個用戶名輸入框和一個密碼輸入框,以及一個登錄按鈕。然后,我在CSS中定義了form、input和button元素的樣式。
接下來是代碼:
form { background-color: #f2f2f2; padding: 20px; width: 300px; border-radius: 5px; margin: 0 auto; box-shadow: 0 0 5px rgba(0,0,0,0.5); } input { padding: 10px; border-radius: 5px; border: none; margin-bottom: 10px; width: 100%; } button { background-color: #333; color: white; padding: 10px; border: none; border-radius: 5px; cursor: pointer; width: 100%; } button:hover { background-color: #555; }這是一個簡單的CSS登錄界面示例,它只是一個基礎的練習,但它確實幫助我了解了如何使用CSS來設計登錄界面。雖然我只是使用了一些基本的樣式,但它已經夠好看,并且可以用于實際應用。 總的來說,學習CSS是一個很有趣的過程,我希望我可以進一步探索它,并能夠設計出更好看的登錄界面。
上一篇mysql 拼字段
下一篇css登錄界面如何居中