Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使边框显示在图像上时，制表符？_Html_Css - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 如何使边框显示在图像上时，制表符？

Html 如何使边框显示在图像上时，制表符？

html css

Html 如何使边框显示在图像上时，制表符？,html,css,Html,Css,我正在建立一个我的第一个网站。规范的很大一部分是它应该非常方便用户 我有一些图片在我的主页顶部有超链接。它们有一个灰色边框，当鼠标悬停在图像上时，该边框将变为粉红色 我的问题是，我可以将我的was标记到图像，并在打开的链接中点击返回结果，这样就可以了，但当我将边框标记到它时，它不会改变颜色，因此，即使不是不可能，也很难知道您当前标记到的图像 边界代码： <style> IMG.HoverBorder {border:1px solid #eee;} IMG.HoverBord

我正在建立一个我的第一个网站。规范的很大一部分是它应该非常方便用户

我有一些图片在我的主页顶部有超链接。它们有一个灰色边框，当鼠标悬停在图像上时，该边框将变为粉红色

我的问题是，我可以将我的was标记到图像，并在打开的链接中点击返回结果，这样就可以了，但当我将边框标记到它时，它不会改变颜色，因此，即使不是不可能，也很难知道您当前标记到的图像

边界代码：

<style>
IMG.HoverBorder {border:1px solid #eee;}
    IMG.HoverBorder:hover {border:1px solid #FC359A;}
</style>


IMG.HoverBorder{border:1px solid#eee；}
IMG.HoverBorder:hover{border:1px solid#FC359A；}

伪类
：focus
匹配具有焦点的元素，但是
img
元素通常没有（也不需要）焦点。但是构成链接的
a
元素是可聚焦的，因此您需要使用与作为聚焦元素的子元素的
img
元素匹配的选择器。示例（为了清晰起见，使用3倍厚的边框）：



IMG.HoverBorder{border:3px solid#eee；}
IMG.HoverBorder:hover{border:3px solid#FC359A；}
a:focus IMG.HoverBorder{边框颜色：绿色；}
img{vertical align:bottom；}/*使边框紧靠四周*/




您是否尝试过
：focus
？-我不知道，谢谢！