CSS是前端开发中不可或缺的一部分,它可以为网页赋予各种样式和布局,同时也能让网页变得更加美观。其中,可以通过给body元素添加背景图片来为网页增加一些个性化的元素。下面就来介绍如何通过CSS在body中添加图片。
<style> body{ background-image:url("bg.jpg"); /*添加背景图片*/ background-size:cover; /*设置背景图片尺寸*/ background-repeat: no-repeat; /*禁止背景图片重复显示*/ } </style>
通过上面的代码,我们可以给body元素添加一张名为"bg.jpg"的背景图片。其中,我们使用了background-image属性来设置背景图片的地址,将它设置为了相对路径,意味着网页的根目录下需要有一个名为"bg.jpg"的图片文件。
此外,我们还使用了background-size属性来设置背景图片的尺寸,将其设置为cover,表示图片会被拉伸以填满整个页面。同时,我们也使用background-repeat属性来禁止背景图片的重复显示。
总体来说,通过给body元素添加背景图片,可以增加网页的观赏性和美观度,让网页更加有吸引力。