最近我學(xué)習(xí)了CSS，想挑戰(zhàn)一下模仿一個網(wǎng)頁的風(fēng)格。于是我選擇了京東的登錄界面。

首先，我創(chuàng)建了一個HTML文件，并準(zhǔn)備好了相應(yīng)的元素。

<div class="container">
<form>
<input type="text" placeholder="請輸入手機號/郵箱/用戶名" id="username">
<input type="password" placeholder="請輸入密碼(6-20位數(shù)字、字母、字符組合)" id="password">
<button type="submit" class="login-btn">登錄</button>
</form>
</div>

接著，我添加了一些CSS樣式以實現(xiàn)該網(wǎng)頁的外觀。

.container {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
width: 400px;
margin: 50px auto;
padding: 30px;
 }
form {
display: flex;
flex-direction: column;
 }
input {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #e3e3e3;
 }
input:focus {
outline: none;
 }
.login-btn {
background-color: #e4393c;
border: none;
color: white;
font-size: 16px;
padding: 10px;
cursor: pointer;
 }
.login-btn:hover {
background-color: #c9302c;
 }

經(jīng)過一些調(diào)整，我成功地模仿了京東登錄界面。這次練習(xí)讓我更了解了CSS的一些特性和用法，提升了我的技能。