如何(或我可以)将CSS样式添加到HTML中的img。
提问于 2017-01-08 04:47:44
我正在使用的这本书告诉我要做以下事情：
边框{ imgtitle.jpeg : 3px实体；}
这不起作用，我在没有title.jpeg的情况下尝试过，但它仍然不起作用。如何识别CSS样式表中的img元素？它被嵌入到H1元素中有关系吗？
回答 3
Stack Overflow用户
发布于 2017-01-08 04:54:36
在css中，只需在img之前使用父元素即可识别正确的图像。
正如您在下面的示例中所看到的，您的图像是否在h1标记中并不重要。
您还可以为图像指定一个特定的id，以便只选择该图像，而不是尝试使用图像名称。
h1 img{
width:50px;
}
#thisOne{
width:100px;
}<h1><img src="http://www.chinabuddhismencyclopedia.com/en/images/thumb/b/b8/Nature.jpg/240px-Nature.jpg"/></h1>
<img id="thisOne" src="http://www.chinabuddhismencyclopedia.com/en/images/thumb/b/b8/Nature.jpg/240px-Nature.jpg"/>
Stack Overflow用户
发布于 2017-01-08 05:02:18
您可以使用如下样式标签在HTML中添加内联CSS：
<img title="#" style="border: 3px solid" src="example.jpg"/>或者，您可以使用CSS...例如，您可以将样式添加到img标签：
img {
border: 3px solid;
}如果您想使用CSS，您可以包含一个单独的.css文件，或者将css代码添加到html文件中，并在页面的<head>部分中使用<style>标记。
Stack Overflow用户
发布于 2017-01-08 05:06:50
书中的例子只有当你的文件被命名为"title.jpeg“时才会起作用--如果他们添加了：
边框“title.jpeg”{imgsrc*=：3px；}
您可以添加一个类，id或其他标识符到您的图像，并修改类。或者，您可以使用上面的语法，使其与您的文件名匹配。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/41529562
复制相关文章
腾讯云开发者
