Rumah >hujung hadapan web >html tutorial >css3 设置背景图片大小（缩略图形式缩小）_html/css_WEB-ITnose
css3 设置背景图片大小（缩略图形式缩小）_html/css_WEB-ITnose
- WBOYasal
- 2016-06-24 11:42:541596semak imbas
废话当然不说了。直接上代码
<style> #mycon { background:url('Tpl/1.jpg'); background-size:400px 400px; background-repeat:no-repeat; border-radius: 4px; border: 1px solid #ccc; width: 400px; height: 400px; }</style><div id="mycon"> 原来背景图大小：970*630 这里才是战场,以缩略图的形式来将背景图设置</div> background-size:400px 400px;后面是设置缩略图宽和高。
效果如图：
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：css3简易实现图标动画由小到大逐个显现_html/css_WEB-ITnoseArtikel seterusnya：CSS3立体智能手机开关，网页开关超酷效果_html/css_WEB-ITnose