昆明凱傑

2017年9月15來公司上班第一天,拿到的凱傑項目。常規PC端頁面,因爲長時間沒練 生疏了許多。前期很累很辛苦 效率還很低。今天項目完成,作一下項目總結。記錄在作項目中遇到的問題,但願在接下來的項目中能夠避免,可以不斷進步。ssh

一、導航旁邊的<input>框 須要注意的是 input框的光標顏色的消除post

<form action="" method="post">
  <div class="search">
  <input type="text" placeholder="請輸入關鍵詞" class="searchtxt">
  <input type="submit" class="searchbtn" value=""/>
  </div>
</form>url

<style>orm

.search{
  height:30px;
  width:160px;
  border-radius:1.5em;
  margin-top:15px;
  background:none;
  border:1px solid white;
}對象

.searchtxt{
  height:30px;
  width:120px;
  border:none;
  background: none;
  color: white;
  text-indent:1em;
  float:left;
}
.searchbtn{
  height:30px;
  width:30px;
  float:left;
  background:url(../images/qrw.png) no-repeat center;
  border:none;
  cursor: pointer;
}input

</style>it

附:cursor屬性十字準心 cursor: crosshair;手 cursor: pointer;     cursor: hand;寫兩個是爲了照顧IE5,它只認hand。等待/沙漏 cursor: wait;幫助 cursor: help;沒法釋放 cursor: no-drop;文字/編輯 cursor: text;可移動對象 cursor: move;向上改變大小(North)   cursor: n-resize;向下改變大小(South)   cursor: s-resize;向右改變大小(East)   cursor: e-resize;向左改變大小(West)   cursor: w-resize;向上右改變大小(North East)   cursor: ne-resize;向上左改變大小(North West)   cursor: nw-resize;向下右改變大小(South East)   cursor: se-resize;向下左改變大小(South West)   cursor: sw-resize;自動 cursor: auto;禁止 cursor:not-allowed;處理中 cursor: progress;系統默認 cursor: default;
相關文章
相關標籤/搜索