HTML:如何使用CSS作为链接样式表添加图像
HTML:如何使用CSS作为链接样式表添加图像
提问于 2014-01-28 17:27:15
这是我的代码。我正在尝试添加一个名为lg.png的图像到超文本标记语言中，并且能够编辑css文件中的长度/宽度。lg.png与index.html和styles.css位于同一文件夹中
我试着在网上寻找这个答案，但似乎找不到任何运气。
HTML：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>yournetid</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<img id="my_image" src="lg.png" alt="image error"/>
<body>
<p>
Here's some awesome pictures!
</p>
</body>
CSS：
body {}
img#lg background:url(lg.png); width:200px; height:100px;
回答 2
Stack Overflow用户
回答已采纳
发布于 2014-01-28 17:31:10
您正在尝试使用CSS选择器img#lg，这没有任何意义。您正在告诉CSS查找id为'lg‘的图像，但您没有为您的图像设置任何id。
此外，设置background-image:ur(lg.png)与设置<img src='lg.png'>不同。
要修复它，请执行以下操作：
- 将id添加到您的图像
- 目标您的CSS中的id。
更改您的HTML：
<img id="my_image" src="lg.png" alt="image error">CSS：
#my_image {width:200px; height:100px; }如果要更改所有图像的CSS属性，请使用以下命令：
img {width:200px; height:100px; }希望这能有所帮助！
Stack Overflow用户
发布于 2014-01-28 17:29:33
使用div并设置background属性：
HTML
<div class="my_image"></div>CSS
.my_image
{
background:URL('path/to/img.png');
width:100px;
height:100px;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21412536
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
