table表格css样式
2015-08-22 00:40
573 查看
先上2张图片、如果不是游客想要的就别浪费时间看了
上代码:
style.css
index.jsp
上代码:
style.css
body { font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; background: #E6EAE9; } a { color: #c75f3e; } #mytable { width: 700px; padding: 0; margin: 0; cellpadding: 0; cellspacing: 0; } #mytable { padding: 0; margin: 0; cellpadding: 0; cellspacing: 0; } th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; letter-spacing: 2px; text-transform: uppercase; text-align: center; padding: 6px 6px 6px 12px; background: #CAE8EA; } td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; font-size: 11px; padding: 6px 6px 6px 12px; color: #4f6b72; } td.alt { background: #F5FAFA; color: #797268; } th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; } th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; } /*---------for IE 5.x bug*/ html>body td { font-size: 11px; }
index.jsp
<table id="mytable2" cellspacing="0"> <tr> <th colspan="3"> <strong>用户注册</strong> </th> </tr> <tr> <th scope="row" class="spec"> 工号 </th> <td> <input type="text" name="userid" id="userid" /> </td> <td class="alt"> <font color="red" size="1ps">*</font> <font color="gray" size="1ps">工号必须填写!</font> </td> </tr> <tr> <th scope="row" class="spec"> 昵称 </th> <td> <input type="text" name="nickname" id="nickname" /> </td> <td> <font color="red" size="1ps">*</font> <font color="gray" size="1ps">昵称必须填写!</font> </td> </tr> <tr> <th scope="row" class="spec"> 姓名 </th> <td> <input name="realname" type="text" id="realname" /> </td> <td> <font color="red" size="1ps">*</font> <font color="gray" size="1ps">姓名必须填写!</font> </td> </tr> <tr> <th scope="row" class="spec"> 密码 </th> <td> <input type="password" name="password" id="password" /> </td> <td> <font color="red" size="1ps">*</font> <font color="gray" size="1ps">密码必须填写!</font> </td> </tr> <tr> <td colspan="3"> <div align="center"> <input type="button" name="regist" id="regist" value="注册" onclick="dosubmit()" /> </div> </td> </tr> </table>
相关文章推荐
- CSS优先级
- [HTML] CSS 下拉列表菜单
- WEB基础之:CSS
- Qt鼠标事件 我的鼠标样式
- css3背景颜色渐变
- NumberPicker 样式设置
- CSS中行高line-height属性的一些使用技巧
- CSS学习笔记之定位
- css position
- css3 transform transition 实现照片墙效果
- CSS3:绘制图形
- CSS实现绝对底部一个完美解决方案
- HTML简介(css简单的样式)
- 网页样式(css+js)tab自动切换的minisite
- css3 display:box
- CSS 3层嵌套居中布局
- CSS float 父元素高度自适应
- css3选择器
- RunJS推荐用于个人使用(使用方便JS、css实时预览、编辑、管理等功能)
- Qt自己的css简称qss