Maison >interface Web >tutoriel HTML >css3 设置背景图片大小（缩略图形式缩小）_html/css_WEB-ITnose
css3 设置背景图片大小（缩略图形式缩小）_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:42:541597parcourir
废话当然不说了。直接上代码
<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;后面是设置缩略图宽和高。
效果如图：
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：css3简易实现图标动画由小到大逐个显现_html/css_WEB-ITnoseArticle suivant：CSS3立体智能手机开关，网页开关超酷效果_html/css_WEB-ITnose