html - 我的谷歌主页元素中的一些错误

转载作者：太空宇宙更新时间：2023-11-04 08:29:19

24

4

当我运行我的代码时，“广告”和“关于”显示为紫色，而列表中的其他元素应该是黑色的。我还想去掉大纲上的搜索和幸运按钮。大纲:无；或边框:无；行不通。

HTML

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet"
    type="text/css"
    href="style.css">
</head>

<body>

<title>Google</title>

<div class="options">
    <ul>
          <li> <a href="button">Gmail</li>
          <li> <a href="button">Images</li>
          <li> <a href="button"><img src="http://www.myiconfinder.com/uploads/iconsets/256-256-f6227d477e683ae5bd1270aac11b93e5-grid.png"width="25px" height="25px"></li>
          <li> <a href="button"><img src="https://d30y9cdsu7xlg0.cloudfront.net/png/338473-200.png"width="25" height="25"></li>
          <li> <a href="button"><img src=https://lh3.googleusercontent.com/-gsXjacdjY8E/AAAAAAAAAAI/AAAAAAAAAAA/AI6yGXxkQbqvng1PHA5RhhTLQowbW3ykkQ/s32-c-mo/photo.jpg></li>
    </ul>
</div>

<h1><img src=https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png></h1>

<div class="fake-input">
    <input type="text"/>
</div>

<div class="buttons">
    <ul>
      <li><input type="submit"input value="Google Search"></li>
      <li><input type="submit"input value="I'm feeling lucky!"></li>
    </ul>
</div>

<footer>
<div class="footer">
    <ul style="float:left;list-style-type:none;">
          <li><a href="https://www.google.com/intl/en/ads/?fg=1">Advertising</li>
          <li><a href="https://www.google.com/services/?fg=1">Business</li>
          <li><a href="https://www.google.com/intl/en/about/">About</li>
    </ul>

    <ul style="float:right;list-style-type:none;">
          <li><a href="https://www.google.com/intl/en/policies/privacy/?fg=1">Privacy</li>
          <li><a href="https://www.google.com/intl/en/policies/terms/?fg=1">Terms</li>
          <li><a href="https://www.google.com/preferences?hl=en">Settings</li>
    </ul>
</div>
</footer>

</body>
</html>

CSS

.options ul{
  text-align: right;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.options li{
  font-size:14px;
  padding: 5px;
  display: inline;
}

a:link{
text-decoration:none;
color:black;
}

img{
  border-radius:15px;
  font-family: arial,sans-serif;
}

h1{
  text-align:center;
  margin-top:160px;
}

h2{
  text-align:center;

}

input[type='text'] {
    margin-left:375px;
    width:500px;
    height:50px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACrElEQVR42u2Xz2sTQRSAX8VSb1K8iNqKooJH2Ux6Ksn+iPQqxZMIehJB0do/IMhmQWsvHr2KSEGk0tSLIoWIYNUKij20F2/N7iaUZnYT0kYzzhMKs0HDJiTdLcwHDwKZSd63781LBiQSSW9JZdkhzfKm1Rz9mjZp/W9YdEU3vXv4HsQZ40FtNG36q5rls//Ej4tmbSS2T15Mvp3ExOPmEMQNbBtMMEyoljcFcQN7PqyAlqNfIG7gYQ0tYNIaxA1MrJPY3wImbUqBKAXSFv0tBSIVMOkvKRDtGKWN/T6FdqRAxFNoWwpEPIXqUqBT6ALU/UVgu8GW4GD3f6f9TRDYNJTDrk7YbtiqUumHwIYoUJuHERDAS0r4CvgFECgbY+cFAR7KT+g1POmCKFDNw6WggHc3fBtVb4CAoyauBgXIG+g1Xh5mRAGah6cggBd11fK/h7lOprIs0H6uRl6KAo5O7kOv4QmPiwJ4Jqqv4FiwCtXjvD2+tRmfK6kZ/ygI2HritK0rDVGgrClJ6DWMwYC/AGuCBMYcIC2V0CzvjmbRz3j3xUjn6CfeYreUJ2wQkGD75INPX1mFfsEFrrcIYCvdhC4paWQakxajpJMr0C9YFg54i7AsClRmh9/xnr0NHcInzZStk2aLwAcGMAD9pPIazvFKVDD5rdnhJeHLX5RTyRPQHpz5o66emMc9wdlPtvA8wF7Aq2BUHh1525qEo5JtR1WeOXpickO9cJIpyuD6xJmhYiZ5ytWSl3mlnuOaf+2zDaLDXmJrSgZ/MYVEugo+gSh+FkSBa4yd5Ul87DZ5XpFl/AyIEjzYjkau8WqshU2cr13HPbgX4gJOD97n465GZlyVvC9mSKloKI2iTnbwNT+gBX54H+IaXAtxJzE3ycSAFqSAFJACUkAikXD+AHj5/wx2o5osAAAAAElFTkSuQmCC);
    background-position: 450px 7px;
    background-repeat: no-repeat;
}

.buttons ul{
  text-align:center;
  list-style-type:none;
  margin:0;
  padding:0;
}

.buttons li{
  background-color: #f2f2f2;
  padding: 5px;
  display: inline-block;
  border:none;
}


input:focus {
  outline-style: none;
}


.footer {
  background: #f2f2f2;
  position: fixed;
  bottom: 0px;
  width:95%;
}

.footer li{
  display:inline;
  text-decoration: none;
  font-family: arial,sans-serif;
  font-size: small;
  color: #666;
}

最佳答案

页脚中的链接是紫色的，因为您之前点击过它们。您可以使用以下 CSS 覆盖它:

footer li a:visited {    /* visited selector used for links which have been visited or clicked on already */
    color: black;
}

要删除边框，只需使用此 CSS 代码:

input[type=submit] {
    border: none;
}

关于html - 我的谷歌主页元素中的一些错误，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44900371/

24

4

0

文章推荐： Java:强制字符串名称被接受为类？

文章推荐： c++ - 从 int 到 avcodec (ffmpeg) 的无效转换

文章推荐： c++ - C/C++ 使用 tcmalloc

文章推荐： javascript - 滑动面板动画

iOS:主页/电源按下事件
如果应用程序是通过企业签名分发的，那么是否有任何框架允许我在后台接收Home 或Power 按下事件？最佳答案 iOS 中的所有事件都是 UIEvent，它是 GSEvent 的包装器。通过一些技巧
html - “主页”类别页面在更新后无法正常工作
版本为 1.4.1.4 的 Prestashop 网站使用 category.php 文件作为类别页面。不幸的是，1.6.0.6 的更新删除了该文件，因为它已被视为已弃用。 ( URL structu
Github:在存储库首页上显示 wiki 主页
我最近在 Github 存储库中为我的公司创建了一个全局 wiki。这是一个空的存储库，我创建它只是为了使用它的 wiki。我的问题:在这个 wiki 存储库的首页上，显示了自述文件。这个自述文件是
javascript - 基于点击菜单的 HTML5 主页
我有一个非常简单的体育网站，主页上有不同运动的链接，如足球、篮球、无挡板篮球等。我想要的是当用户点击 Football 时，要存储的值，以便下次访问者访问该页面时它将打开足球页面。到目前为止，我已经
java - 如何部分禁用Android工具栏中的“主页”按钮单击？
我已经实现了onOptionsItemSelected来控制主页按钮: override fun onOptionsItemSelected(item: MenuItem): Boolean {
Plone:删除匿名用户首页中的“主页”选项卡
我不知道如何为匿名用户隐藏主页选项卡，Plone 版本是 4.3.7。最好隐藏导航栏，我发现可以通过 ZMI Portal_actions/portal_tabs/index_html 来做到这一点，
java - 更改 IE 主页
我正在尝试通过修改注册表来更改 IE 主页。我已经使用 bat 文件成功完成了此操作； REG ADD "HKCU\SOFTWARE\MICROSOFT\INTERNET EXPLORER\MAIN"
Spring MVC 主页 Controller
我已经使用 Spring Roo 生成了一些页面，我需要在应用程序的主页上显示数据库中的一些项目。那么我如何将带有数据的模型传递到主页，Roo 添加了以下行，我已注释掉我使用 Roo 创建
java - Spring MVC 主页
我有 HomeController 类: @Controller public class HomeController { @RequestMapping("/") public S
iphone - 用户单击“主页”按钮时如何显示退出确认对话框？
用户按下“主页”按钮时，我需要显示退出确认对话框。如果是，则需要退出该应用程序。按下“主页”按钮时是否可以显示？最佳答案这可能会导致您的应用被拒绝从Apple HIG: 总是准备停止当人们按
magento - Magento-如何替换面包屑中的“主页”？
我只是想知道是否有人在Magento中格式化面包屑有任何经验？我想用图片替换当前显示文本“HOME”的链接。我以为用图片替换某些文本是一种简单的情况，但是似乎“HOME”文本/链接是动态创建的，因
javascript - 如何更换 Cordova 主页？
我制作了登录功能，因此当用户登录时，它将导航到其他页面，但问题是登录成功后，用户只需按物理后退按钮即可再次返回登录页面。现在我想要的是登录后用户无法再次返回登录页面，因此当按下物理后退按钮时，它将关闭
android - 主页 Activity - android
我有 2 个 Activity ，1 个用于注册，1 个用于我的应用程序主页。现在为了在它们之间做出选择，我必须创建另一个 Activity 来检查一些细节并决定去哪个 Activity 。问题是，在
android - 按后退按钮转到 android 主页
public void onBackPressed() { Intent intent = new Intent(Intent.ACTION_MAIN); intent.addCa
android - 如何禁用返回、主页、多任务物理按钮？
实际上我正在开发一个应用程序，这个应用程序应该在安装的设备上打开，这样我就可以阻止/禁用返回、主页、多任务的物理按钮。我已经阅读了一些关于如何做到这一点的文章，但仍然不知道如何在我的应用程序中实现它
tomcat - 无法获取 Tomcat 主页
我在浏览器中输入以下 URL http://localhost:8081 并以连接错误告终。使用 catalina 脚本启动 tomcat 后，我得到一个空白页面。有人知道为什么会这样吗？最佳答
java - 找不到 spring 主页
我正在尝试在 Eclipse 中设置一个 spring mvc 项目。我创建了一个动态 Web 项目并创建了源和配置文件。当我在由 eclipse 启动的 tomcat 上运行该项目时，我总是遇到 4
Tomcat:如何禁用 Tomcat 主页
我在Tomcat中部署了我的应用程序，应用程序路径是: http://localhost:8080/myapp 但我想限制我的用户看不到 Tomcat 主页，即如果他们输入: http://local
ios - NativeScript 找不到模块组件/主页
在创建一个 vue nativescript 应用程序并通过以下方式运行之后: tns preview 我得到: *** Terminating app due to uncaught excepti
html - Gmail 主页 CSS
与其说我是网页设计师，我更像是一个程序员，我正在尝试做一个简单的(我认为)设计，比如 gmail 的主页 https://mail.google.com/intl/fr/mail/help/about

首页

博学

6Ren·AI

商城

html - 我的谷歌主页元素中的一些错误

HTML

CSS