2017年9月15来公司上班第一天,拿到的凯杰项目。常规PC端页面,由于长时间没练 生疏了许多。前期很累很辛苦 效率还很低。今天项目完成,做一下项目总结。记录在做项目中遇到的问题,希望在接下来的项目中可以避免,能够不断进步。
1、导航旁边的<input>框 需要注意的是 input框的光标颜色的消除
<form action="" method="post">
<div class="search"> <input type="text" placeholder="请输入关键词" class="searchtxt"> <input type="submit" class="searchbtn" value=""/> </div> </form><style>
.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;}</style>
附: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;