html - 博客文章中的图片

标签 html css

我想在该部分内定义我的图像的外观(我正在尝试为图像添加边框 - 但我不能直接引用图像,因为图像是动态添加的 - 作为博客的内容帖子。) 你能告诉我该怎么做吗? 我必须创建一个新的部分/id/div 吗?我怎么能对机器说:在我创建的 section/id/div 中,我希望你将这些样式应用到图像上。” ? 谢谢,D。

最佳答案

是的,您需要获得对图像或将要显示图像的 block 的引用。然后将 css 规则应用于图像或 block ,然后您将获得图像上的样式。如果有很多,我更喜欢class="",如果只有一个,我更喜欢id=""

如果你在如下任何元素中有 img,

<div class="someclass">
     <img src="" />
</div>

然后在 CSS,

.someclass{
    your rules go here.    
}

或者如果你想直接在图像上设置样式,那么你的 HTMl 将如下所示,CSS 与上面相同。

<img class="someclass" src="" />

关于html - 博客文章中的图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12338364/

相关文章:

html - jquery中未定义的路径

javascript - HTML/JS github pages 元素在使用 firefox 运行时不加载图像或声音

html - div 入侵其他 div 空间?

javascript - 当球触及顶部边框时,如何添加显示 "game over"的警告框?

css - 在 CSS3 中对齐 3 个 <li> 元素相对于页面的宽度

css - 如何阻止 Chrome DevTools 包装最后一个 CSS 元素?

javascript - 如何在 flex 容器中的每个元素上覆盖文本+图像?

javascript - 将可拖动的 JQuery UI 放入 Droppable 部分后禁用它

javascript - 同一页面上有多个 scriptcam.js,相机无法加载/显示和拍照

html - Bootstrap 3 中的导航栏折叠在 IE8 中不起作用