Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 灰色线我不知道它从哪里来后添加搜索栏_Html_Css - Fatal编程技术网

Html 灰色线我不知道它从哪里来后添加搜索栏

Html 灰色线我不知道它从哪里来后添加搜索栏,html,css,Html,Css,我是一名编码初学者,我必须为学校的一个项目创建一个网站。我试图自己解决这个问题,但就是不起作用 我想在我的网站上添加一个搜索栏,所以我遵循了一个教程,它在一个空白的新html页面上工作,但是当我在我的html页面项目上复制粘贴时,我在搜索栏周围有一个浅灰色的框架,它来自哪里,删除/更改什么?谢谢各位: /* 要更改此许可证标题,请在“项目属性”中选择“许可证标题”。 要更改此模板文件,请选择工具|模板 然后在编辑器中打开模板。 */ /* 创建日期:01-mars-2017,14:52:23

我是一名编码初学者,我必须为学校的一个项目创建一个网站。我试图自己解决这个问题,但就是不起作用

我想在我的网站上添加一个搜索栏,所以我遵循了一个教程,它在一个空白的新html页面上工作,但是当我在我的html页面项目上复制粘贴时,我在搜索栏周围有一个浅灰色的框架,它来自哪里,删除/更改什么?谢谢各位:

/* 要更改此许可证标题,请在“项目属性”中选择“许可证标题”。 要更改此模板文件,请选择工具|模板 然后在编辑器中打开模板。 */ /* 创建日期:01-mars-2017,14:52:23 作者:乔纳森 */ /*整理我的段落*/ div{ 字体系列:时代新罗马; } 身体{ 字体系列:Arial; 背景色:白色; } p{ 颜色:深绿色; 字体大小:30px; 字体系列:Arial; } .亮点{ 颜色:暗灰色; } /*样式导航*/ 搜寻{ 宽度:200px; 填充:7px; } 提交{ 填充:7px; 背景:669999; 颜色:白色; 利润下限:-5px; 光标:指针 } 提交:悬停{ 背景:333人; 过渡:所有0.40秒; } .页眉标志{ 显示:块; 高度:240px; 宽度:240px; 背景:urlmages/wolf.png不重复; 文本缩进:50%; 空白:nowrap; 溢出:隐藏; 保证金:0自动; } 导航{ 底部边框:2件纯黑; 边框底色:669999; } 李{ 显示:内联块; 文本对齐:居中; 右边距:20px; } 导航a:链接,导航a:已访问{ 颜色:灰色; 字体大小:15px; 文字装饰:无; } 导航a:悬停{ 背景色:99ddff; } 导航a:激活{ 背景颜色:黄色 } /*带边框形式*/ 形式{ 边框:3倍实心F1F1; } /*全宽输入*/ 输入[类型=文本],输入[类型=密码]{ 宽度:100%; 填充:12px 20px; 利润率:8px0; 显示:内联块; 边框:1px实心ccc; 框大小:边框框; } /*为所有按钮设置样式*/ 钮扣{ 背景色:4CAF50; 颜色:白色; 填充:14px 20px; 利润率:8px0; 边界:无; 光标:指针; 宽度:100%; } /*取消按钮的额外样式为红色*/ .取消{ 宽度:自动; 填充:10px 18px; 背景色:f44336; } /*将化身图像居中放置在此容器内*/ .imgcontainer{ 文本对齐:居中; 保证金:24px 0 12px 0; } /*化身图像*/ 化身{ 宽度:40%; 边界半径:50%; } /*在容器中添加填充物*/ .集装箱{ 填充:16px; } /*忘记密码文本*/ span.psw{ 浮动:对; 填充顶部:16px; } /*更改超小屏幕上“跨度”和“取消”按钮的样式*/ @媒体屏幕和最大宽度:300px{ span.psw{ 显示:块; 浮动:无; } .取消{ 宽度:100%; } } Jo编写的HTML TODO写入内容 这里有一段

另一段

这是标题h3
它似乎是导航的边界。尝试以下CSS:

nav {
 border-bottom: none;
}

你有没有看过你的CSS?这是公正的评论

/* Bordered form */
form {
    border: 3px solid #f1f1f1;
}
您的表单在此处设置了此属性:

form{
    border: 3px solid #f1f1f1;
}
要修复它,请将其更改为:

form{
    border: 0;
}
或者尝试使用父元素,这是更好的方法

nav form{
    border: 0;
}

感谢您的回答,它很有效: 我试图修改不同的边界,但实际上我没有看到:/

现在我尝试添加图片,但浏览器没有显示它们我该怎么做

我将此放在一段之前:

    <img src="images/model1.jpg" alt="model women 1">
    <img src="images/model2.jpg" alt="model women 2">
    <img src="images/model3.jpg" alt="model women 3">

他提到他只是一个初学者——给他一些时间,他将是一个伟大的开发者:作为一个初学者并不意味着你对阅读或研究一件非常明显的事情视而不见。另外,正如我所说,CSS是有注释的。尝试使用父元素nav form{border:0;}不,没关系,我解决了它,我不知道怎么解决,但很好: