我想在我的表單中制作這種型別的欄位和按鈕,有人能為此撰寫CSS嗎?
uj5u.com熱心網友回復:
你應該自己嘗試,如果你遇到任何問題,那么你應該在這里發布問題,但如果你不知道如何做,那么這里的小代碼可以幫助你。
< link rel="styleheet" href="https: //cdnjs. cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">/span>
<style>。
*{
background-color: #f2f2f2;
}
input{
border-radius: 30px;
padding: 7px;
}
.btn{
background-color:#303075;
color: white;
padding: 10px 25px;
text-align: center;
margin-left: -85px;
border-radius: 30px;
padding: 7px;
}
i::before{
background: transparent;
}
.email-area{
padding: 15px 50px;
border-style: none;
text-align: left;
background-color: white;
}
</style>>
<div class="container">/span>
< input type="text" class="email-area" placeholder="enter your email">
<! -- <input type="button" class="btn font-awesome" value="submit" > -->
<button class="btn"> < i class="fa fa-send"> < i> 提交</按鈕>
</div>/span>
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/320731.html
標籤:

