Rumah > Artikel > hujung hadapan web > css怎样取消图片的自动填充
css怎样取消图片的自动填充
- WBOYasal
- 2021-11-29 17:42:582809semak imbas
在css中，可以利用“background-repeat”属性取消图片的自动填充，语法为“图片元素{background-repeat:no-repeat;}”。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
css怎样取消图片的自动填充
我们可以通过“background-repeat”属性取消图片的自动填充，该属性用于设置是否及如何重复背景图像。默认地，背景图像在水平和垂直方向上重复。
当该属性的值为no-repeat时，表示图片不会自动填充。
示例如下：
<html>
<head>
<style type="text/css">
body{
background-image:
url(/i/eg_bg_03.gif);
}
</style>
</head>
<body>
</body>
</html>输出结果：
当添加background-repeat:no-repeat;样式时，输出结果：
（学习视频分享：css视频教程）
Atas ialah kandungan terperinci css怎样取消图片的自动填充. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
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：css如何缩放div元素Artikel seterusnya：css怎样让图片居左上角显示