如何给img加上绚丽的css3

html-css011

如何给img加上绚丽的css3,第1张

不知道说的绚丽指的是什么样的,这里说说设置的方法,简单的设置下,比如定个位,设置大小等,具体的css属性可以自己再修改。

<html>

<head>

<style>

.imgs{position:absolutewidth:100pxheight:100px}

body{position:relative}

</style>

</head>

<body>

<img src="img地址" / class="imgs">

</body>

<html>

不管是后台返回的数据还是静态写好的 还是用常规的去定义。除非是去操作动态生成的元素【使用了ajax动态往页面添加元素】

1、用css控制

外面用div包裹起来,然后用css 对这个div下面的图片进行修改

<div class='img_div'><img src='abc.jpg' alt='我是一张图片'/></div>

2、用js控制

和上面一样,先用div包裹起来

$('.img_div img').css({略})

用jQuery轻松加愉快。

比如<img>有id="myImg",则写这样的jQuery代码:

function checkboxOnclick(checkbox){

if ( checkbox.checked == false){ // 写反了……╮(╯-╰)╭

$("#myImg").css("max-width", "") // 给元素去掉css

}

else{

$("#myImg").css("max-width", "100%") // 给元素加上css

}

}