<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table> <tr> <td>姓名:</td> <td> <form> <input type="text"> </form> </td> </tr> <tr> <td>密码:</td> <td> <form> <input type="password"> </form> </td> </tr> <tr> <td>确认密码:</td> <td> <form> <input type="password"> </form> </td> </tr> <tr> <td>密码提示问题:</td> <td> <form> <select> <option value="title">请选择一个问题</option> <option value="1">1</option> <option value="2">2</option> </select> </form> </td> </tr> <tr> <td>密码提示答案:</td> <form> <input type="text"> </form> </tr> <tr> <td>性别</td> <td> <form> <input type="radio" name="sex">男<br> <input type="radio" name="sex">女 </form> </td> </tr> <tr> <td>年龄:</td> <td> <form> <input type="number"> </form> </td> </tr> <tr> <td>籍贯:</td> <td> <form> <select> <option value="title">请选择</option> </select> 省/直辖市 <select> <option value="title">请选择</option> </select> 市<br> </form> </td> </tr> <tr> <td>爱好:</td> <td> <form> <input type="checkbox" value="1">上网 <input type="checkbox" value="2">看电影 <input type="checkbox" value="3">学习 </form> </td> </tr> <tr> <td>个人介绍:</td> <td></td> </tr> <tr> <td>上传头像</td> <td></td> </tr> <tr> <td colspan="2"></td> </tr> </table> </body> </html> 老师我的table外面有一个input框不知道是哪里来的，找不到
/* shouji */
.content {
width: 100%;
background: #f5f5f5;
overflow: hidden;
padding: 4px 0 14px;
}
.title {
text-align: left;
color: #333;
font-size: 22px;
font-weight: 200;
line-height: 58px;
.phone-box {
height: 614px;
.phone-left {
width: 234px;
height: 100%;
float: left;
.phone-right {
width: 990px;
.item {
height: 300px;
background: #fff;
box-sizing: border-box;
padding: 20px 0;
margin: 0 0 14px 12px;
老师按你的比例我右边就少一列我就减了2px，可是为什么跟你视频里的不一样呢
老师为什么要这么调位置，有什么说法吗
我这样可以吗，这么做是不是对后面有影响
这个又有什么用
怎么样可以谈化背景 图片
怎么样可以看到输出的密码是什么 一般不是后面都可以有小眼睛可以看密码是多少的
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { margin: 0; padding: 0; } #container { display: grid; grid-template-columns: 200px 200px 200px; grid-template-rows: 200px 200px 200px 200px 200px; grid-template-areas: "item1 item1 item1" "item2 item3 item4" "item5 item5 item6" "item7 item8 item8" "item9 item9 item9"; } .item { font-size: 35px; text-align: center; border: 1px solid #e5e4e9; } .item-1 { grid-area: item1; background-color: #ef342a; } .item-2 { /* grid-area: item2; */ background-color: #f68f26; } .item-3 { /* grid-area: item3; */ background-color: #4ba946; } .item-4 { grid-area: item4; background-color: #0376c2; } .item-5 { grid-area: item5; background-color: #c077af; } .item-6 { grid-area: item6; background-color: #f8d29d; } .item-7 { grid-area: item7; background-color: #b5a87f; } .item-8 { grid-area: item8; background-color: #d0e4a9; } .item-9 { grid-area: item9; background-color: #4dc7ec; } </style> </head> <body> <div id="container"> <div class="item item-1">1</div> <div class="item item-2">2</div> <div class="item item-3">3</div> <div class="item item-4">4</div> <div class="item item-5">5</div> <div class="item item-6">6</div> <div class="item item-7">7</div> <div class="item item-8">8</div> <div class="item item-9">9</div> </div> </body> </html>
老师，我的代码哪里有问题呢，我看您注释掉就显示空白了，但是我的代码注释了后还是在显示的
我设置1240宽度的时候，margin属性不能自动居中，为什么
当我缩小宽度到1000左右时，左右留白的宽度才不会相差太大
老师这里为啥不用ul做，用ul做和这样用div直接做有什么区别吗
老师还想再问一下这个，
我要选中这个类名 .app
除了用.app{ }
还可以用什么写法吗
可以用.nav-left下面什么什么的这样写吗
<i class="iconfont"></i>购物车（0）</a>
为什么这里用的i标签而不是p标签，
不加href的a标签和p标签和去掉倾斜的i标签可以混用吗，使用会有什么不一样吗
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> a:link { color: red; } a:visited { color: orange; } a:hover { color: blue; } a:active { color: pink; } </style> </head> <body> <a href="http://mi.com">小米官网 </a> </body> </html>
老师好，为啥我的:visited 效果在谷歌上面不生效呢
.left和.right设置浮动是脱离了文档流吧，为什么footer不会和侧边栏重叠，不需要清除浮动嘛
老师好，我想问一下，在实际项目中，这块是否需要写form表单，您之前说这里需要用到form完成交互，那不写form的话这块的数据是否能够提交成功？
没问题了
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<div class="dw">
<style>
* {
margin: 0;
padding: 0;
.dw {
width: 800px;
height: 120px;
background-color: #ababab;
.dw22 {
height: 100px;
background-color: #6de9c6;
.wda {
width: 80px;
height: 80px;
background-color: red;
margin-left: 10px;
margin-top: 20px;
</style>
</div>
</head>
<body>
<div class="dw22">
<div class="wda"></div>
</body>
</html>
//为啥这个dw是异常的，在所有div后面，也不是左上角对齐，而生内部居中
非常抱歉给您带来不好的体验！为了更深入的了解您的学习情况以及遇到的问题，您可以直接拨打投诉热线：
我们将在第一时间处理好您的问题！
关于
课程分类
百战程序员微信公众号
百战程序员微信小程序
©2014-2025百战汇智（北京）科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园网站维护：百战汇智（北京）科技有限公司 京公网安备 11011402011233号 京ICP备18060230号-3 营业执照 经营许可证：京B2-20212637
老师好，我想问一下，在实际项目中，这块是否需要写form表单，您之前说这里需要用到form完成交互，那不写form的话这块的数据是否能够提交成功？
京公网安备 11011402011233号