cari

Rumah >hujung hadapan web >html tutorial >??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose

??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-21 09:43:24923semak imbas

CSS 图片

 
不知道用CSS能不能实现 小图片一种样式，大点的图片实现一种样式。

注意 用的是??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose标签写CSS。

回复讨论(解决方案)

这个问题太泛泛了吧，怎么区分大小图片呢？
下面假设小图以_s结尾。 

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <style type="text/css">        img[src$='_s.jpg'] {            border:1px solid #ccc;        }    </style></head><body><img  src="http://img4.cache.netease.com/cnews/2013/5/14/20130514124343269bf.jpg" / alt="??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose" ><img  src="http://img4.cache.netease.com/cnews/2013/5/14/20130514124343269bf_s.jpg"  / alt="??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose" ></body></html>

不行，不过可以用这种方法遍历
$("img").each(function(){
    if($(this).width>200){
        $(this).addClass("big");
    }else{
        ....
    }

})
大约如此.

if($(this).width ()

不行，不过可以用这种方法遍历
$("img").each(function(){
    if($(this).width>200){
        $(this).addClass("big");
    }else{
        ....
    }

})
大约如此.

if($(this).width ()

这个问题太泛泛了吧，怎么区分大小图片呢？
下面假设小图以_s结尾。 

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title></title>    <style type="text/css">        img[src$='_s.jpg'] {            border:1px solid #ccc;        }    </style></head><body><img  src="http://img4.cache.netease.com/cnews/2013/5/14/20130514124343269bf.jpg" / alt="??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose" ><img  src="http://img4.cache.netease.com/cnews/2013/5/14/20130514124343269bf_s.jpg"  / alt="??一下 CSS ??器 可以?? 大于一定 尺寸的图片?？_html/css_WEB-ITnose" ></body></html>



??  看?只能同js?做了。。。

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：求一div样式_html/css_WEB-ITnoseArtikel seterusnya：这点的CSS怎么设置才能让两个按钮在一行上并对齐 求大家帮帮忙_html/css_WEB-ITnose

Artikel berkaitan

Lihat lagi