图像边框造型

我正在创建一个应用程序，其中有一张图像列表。在点击图像时，我会在距图像一定距离处获得图像周围的厚边框。图像边框造型

我需要编辑此边框并使用CSS缩小图像和边框之间的间距。

关于我如何实现这一目标的任何建议？

在此先感谢。

用于此的CSS是：

.logo_set_iphone { 
    display: inline-block; 
    width: 100%; 
    float: center; 
    padding-top: -50px; 
    padding-bottom: -50px; 
    padding-left: -50px; 
    padding-right: -50px; 

} 
.logo_set_iphone img { 
    display: inline-block; 
    text-align: center; 
    height: 50px; 
    float: center; 
    margin-bottom: -6px; 
    margin-top: -6px; 
    margin-left: -5px; 
    margin-right: -5px; 
    padding-top: -10px; 
    padding-bottom: -10px; 
    padding-left: -10px; 
    padding-right: -10px; 
}

所有图像都放在一个名为“logoset”里面的类

来源

2012-02-21 Khush

你可以在[JS小提琴]（http://jsfiddle.net/），或类似的发布演示？ – 2012-02-21 11:05:53

<html> 
<style type="text/css"> 
.container img{ 
    border:20px solid black; 
} 
</style> 
<script type="text/javascript" > 
function change(){ 
this.style.borderWidth="10px" 
    } 
</script> 
<div class="container"> 
    <img src="http://www.google.co.in/intl/en_ALL/images/logos/images_logo_lg.gif" onclick="change.call(this)" > 
    <img src="http://www.google.co.in/intl/en_ALL/images/logos/images_logo_lg.gif" onclick="change.call(this)" > 
    <img src="http://www.google.co.in/intl/en_ALL/images/logos/images_logo_lg.gif" onclick="change.call(this)" > 
    <img src="http://www.google.co.in/intl/en_ALL/images/logos/images_logo_lg.gif" onclick="change.call(this)" > 
    <img src="http://www.google.co.in/intl/en_ALL/images/logos/images_logo_lg.gif" onclick="change.call(this)" > 
</div> 
</html>

尝试更新的代码。从你的评论，我认为这是你想要什么.. onclick图像边界的变化..

来源

2012-02-21 05:49:52

dint使边界有所不同，但图像停止选择。 – Khush 2012-02-21 06:04:19

@khush你检查了小提琴吗？.. – 2012-02-21 06:04:58

@Khush如果你想永久添加图像的边框，你可以使用'img：visited {border：15px solid black; }'和'img：active'一起' – 2012-02-21 06:25:40

图像边框造型

回答

相关问题