在登錄頁面中,我們可以通過CSS實現背景模糊的效果,讓頁面看起來更加美觀和高級。
.login-wrap { background-image: url('login-bg.jpg'); background-size: cover; position: relative; filter: blur(5px); } .login-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 30px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
其中,我們使用了filter屬性來實現模糊效果,設置blur值為5px即可。
同時,我們通過position屬性來使背景圖和登錄框進行定位,并使用box-shadow屬性來為登錄框添加陰影效果,使得整個頁面看起來更為立體。
上一篇mysql 隨機數生成器
下一篇css留言板留言大全