CSS只是用來寫樣式的。要寫輸入框就用HTML的input標簽。例如:input type="text" name="username" /input type="password" name="password"

員工經(jīng)過長期磨合與沉淀,具備了協(xié)作精神,得以通過團隊的力量開發(fā)出優(yōu)質(zhì)的產(chǎn)品。創(chuàng)新互聯(lián)公司堅持“專注、創(chuàng)新、易用”的產(chǎn)品理念,因為“專注所以專業(yè)、創(chuàng)新互聯(lián)網(wǎng)站所以易用所以簡單”。公司專注于為企業(yè)提供成都網(wǎng)站設計、網(wǎng)站建設、微信公眾號開發(fā)、電商網(wǎng)站開發(fā),成都微信小程序,軟件定制制作等一站式互聯(lián)網(wǎng)企業(yè)服務。
大概寫了個樣子
html
head
style type="text/css"
#base{
width: 240px;
height: 200px;
background-color: #f0f8fb;
padding: 0px 8px 0px 5px;
}
#title{
height: 40px;
background-color: #d8f0fa;
font-size: 25px;
line-height:40px;
}
#select-box{
width: 200px;
float: right;
}
.login-input{
float: right;
width: 200px;
}
#login-btn{
position: relative;
left: 80px;
}
#login-btn2{
position: relative;
left: 66px;
}
/style
/head
body
div id="base"
div id="title"Login/div
form
pID:
select id="select-box"
option value="admin"admin/option
/select
/p
pName:input type="text" class="login-input"http://p
pName:input type="text" class="login-input"http://p
/form
button id="login-btn"Login/button
button id="login-btn2"Login/button
/div
/body
/html
新建一個html文件,命名為test.html,用于講解css怎么讓背景圖片固定不動。
1、在test.html文件中,創(chuàng)建多個p標簽,讓頁面產(chǎn)生滾動條。
2、在css樣式中,使用background-image屬性設置頁面的背景圖片為2.jpg,將background-repeat屬性設置為no-repeat,讓背景圖片不重復顯示。
3、在css樣式中,再將background-attachment屬性設置為fixed,實現(xiàn)當頁面滾動時,背景圖片在頁面中固定不動。
4、在瀏覽器打開test.html文件,向下滾動頁面,查看結(jié)果。
網(wǎng)頁標題:css登錄框樣式,登陸框樣式
轉(zhuǎn)載源于:http://chinadenli.net/article37/dsgcipj.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供Google、靜態(tài)網(wǎng)站、電子商務、用戶體驗、全網(wǎng)營銷推廣、建站公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)