<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息采集</title> <style type="text/css"> body{ text-align: center; } .one{ border: 1px solid black ; width: 300px; height: 200px; text-align: center; } </style> </head> <body><div> <p>账号<input type="text" name="zhanghao"/></p > <p>邮箱<input type="email" name="zhanghao"/></p > <p>密码<input type="password" name="password"/></p > <p>性别:<input type="radio" name="xb" value="a"/>男 <input type="radio" name="xb" value="b" />女</p > <!-- <p>性别<input type="radio" name="xb" value="b" />女</p > --> <p>爱好:<input type="checkbox" name="aihao"/>篮球</p > <p>爱好<input type="checkbox" name="aihao"/>爬山</p > <p>爱好<input type="checkbox" name="aihao"/>唱歌</p > <p>爱好<input type="checkbox" name="aihao"/>读书</p > <p>上传<input type="" name="wenjie"/></p > <p>所在城市:<select name="chengshi"> <option value="i">北京</option> <option value="i">南京</option> <option value="i">海南</option> </select></p > <div > <p> <div class="one">个人介绍</div> </p > </div> <p><button type="submit"/>登录</p > <p><button type="reset"/>重置</p > </div> </body> </html>个人介绍的框怎么居中对齐
时间: 2023-08-14 19:27:53 浏览: 283
您可以在样式中加入以下代码,来实现个人介绍框居中对齐:
```
.one{
border: 1px solid black;
width: 300px;
height: 200px;
text-align: center;
margin: 0 auto; /* 新增代码 */
}
```
其中,`margin: 0 auto;` 将自动将元素水平居中对齐。
阅读全文