CSS img border

[Zion]

Как мога да си направя със CSS при посочването на дадена картинка да се сменя цветът на бордера?

 

[I_V_O]

<script type="text/javascript">

function col(obj, color){

obj.style.borderColor = color;

}

</script>

<img src="i.png" onmouseover="col(this, 'red')" onmouseout="col(this, 'blue')" style="border: solid 2px blue" />

Това е js начина. Със css ще трябва да ползваш линкове... с js е по-добре.

 

[Zion]

<script type="text/javascript">

function col(obj, color){

obj.style.borderColor = color;

}

</script>

<img src="i.png" onmouseover="col(this, 'red')" onmouseout="col(this, 'blue')" style="border: solid 2px blue" />

Това е js начина. Със css ще трябва да ползваш линкове... с js е по-добре.

Аз ползвам линкове Искам със ЦСС

 

[shterev]

a:hover img { border: solid 1px red;}

 

[emagi]

a:link  img { border: solid 1px blue;}
a:hover img { border: solid 1px red;}

 

[Zion]

@shterev @emagi - и двамата заслужавате точка ама shterev беше първи и на него ще дам И благодаря на двамата ~

 

[cvetinka]

Ами аз искам същия ефект, но не с border, а с background-и, как ще стане? При hover на background-а да се сменя тоя 1px който го имаме за рамка???

 

[shterev]

Ами аз искам същия ефект, но не с border, а с background-и, как ще стане? При hover на background-а да се сменя тоя 1px който го имаме за рамка???

Виж, първо се уточни какво точно искаш да смениш , бекграунда или бордера. Това: при ховер на бекграунд , не мойе да се сменя бордер.Какво е бекграунд за теб? Ако искаш да имаш бекграунд , които да е като бордер, но всъщност не е бордер , ето ти пример:


a { padding:1px 0 0 1px; display:block; widht:99px; height:99px; background-color:#cccccc;}
a:hover { background-color: red;}
span { display:block; width:98px; height:98px; background-color:#000000;}



<a href="#">
<span></span>
</a>