来源:自学PHP网 时间:2014-12-15 15:59 作者: 阅读:次
[导读] 做一个添加设备的表单,结果因为前缀大小不一样,所以很难看,可以用表格来格式化一下,下面是具体的美化前与后的代码及截图,大家可以对比一下...
做一个添加设备的表单,结果因为前缀大小不一样,所以很难看,可以用表格来格式化一下,下面是具体的美化前与后的代码及截图,大家可以对比一下
由于是在ubuntu下面工作,而linux底下的所见即所得的网页设计真是少的可怜.最后选择了bluefish. 想做一个添加设备的表单,结果因为前缀大小不一样,所以很难看.如图: 复制代码 代码如下:<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <body> 用户名:<input type="text" name="username"><br/> 密码:<input type="password" name="password"> </body> </html> 这个输入框没有对齐啊,我心里那个难过啊,这时候边上的同事说可以用表格来格式化一下,请教后代码如下: 复制代码 代码如下:<!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <html> <body> <table> <tr> <td>用户名:</td> <td><input type="text" name="username"><br/></td> </tr> <tr> <td>密码:</td> <td><input type="password" name="password"></td> </tr> </table> </body> </html> 啊哈,新技能get,感谢童竣同学大力支持~~ 还教了我如何使用css来控制表格的格式 复制代码 代码如下:<style type="text/css"> table{border-top:#000 solid 1px; border-left:#000 solid 1px;} td{ border-bottom:#000 solid 1px; border-right:#000 solid 1px;} </style> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com