Html 使用CSS设置简单PNG和iframe的样式_Html_Css

Html 使用CSS设置简单PNG和iframe的样式

html css

Html 使用CSS设置简单PNG和iframe的样式,html,css,Html,Css,我陷入了一个看似相当简单的问题：我想样式的PNG和iframe帽子，我已经添加到我的网站，由id标记。但他们似乎并不在意。两者都没有受到影响这是我的代码： <!DOCTYPE html> <html> <head> <style> #test{ font-weight: bold; } #image1 {

我陷入了一个看似相当简单的问题：

我想样式的PNG和iframe帽子，我已经添加到我的网站，由id标记。但他们似乎并不在意。两者都没有受到影响

这是我的代码：

<!DOCTYPE html>
<html>
    <head>
       <style>

            #test{
              font-weight: bold;
            }

            #image1 {
              max-width: 80%;
            }

            #mb-map {
              width = 600px;
              height = 500px;
            }
        </style>
    </head>
    <body>
        <p id = "test">test</p>
        <div id = "image1">
            <img src = "link to image">
            </img>
        </div>

    <iframe id = "mb-map"
        src='link to map supposed to be embedded' />

    </body>
</html>

id=test的文本正确地设置为粗体。

您的image1不是实际的img，而是周围的div

在CSS中，尝试image1 img{max width:80%；}

对于iframe，CSS使用等号而不是冒号。使用以下命令：

#mb-map {
  width: 600px;
  height: 500px;
}

标签img只有打开的标签。您还缺少img标记的alt属性

这是不正确的：mb映射{width=600px；height=500px；} 这是正确的： mb映射{宽度：600px；高度：500px；}

像这样为iframe添加closed标记

你的头上也缺少了标题标签

正确代码

<!DOCTYPE html>
<html>
<head>
  <style>
    #test {
      font-weight: bold;
    }

    #image1 {
      max-width: 80%;
    }

    #mb-map {
      width: 600px;
      height: 500px;
    }
  </style>
  <title></title>
</head>
<body>
<p id="test">test</p>
<div id="image1">
  <img src="link to image" alt="">
</div>
<iframe id="mb-map" src="link to map supposed to be embedded"></iframe>
</body>
</html>

CSS语法错误，img是自关闭标记。@Manjuboyz，是HTML语法错误。应该是。还有，alt参数丢失了。啊，我明白了。好的，现在可以了。我还修改了iframe的img{}图像，尽管欢迎您@nextbear，但它似乎没有帮助。我对答案进行了编辑，为iframe添加了一个补丁。如果它有效，请投票。是的，的确，我一定是瞎了！现在一切正常，非常感谢您的快速回复！