下面这是学做网站论坛所提供的, 关于如何通过CSS来设置网页的背景颜色以及背景图片的详细讲解视频教程。
大家好, 欢迎大家来学习属于咱们学做网站论坛的那一套关于CSS视频教程, 在这一次课程里面呢, 我们将要具体讲一下如何去运用CSS技术来对网页整体的背景进行一些控制和设置。
在进行网站自行搭建工作的时候, 可以通过使用CSS样式手段来控制网页的背景呈现效果, 这种控制方式主要包含两种途径, 即背景颜色的设置以及背景图片的添加操作。关于背景颜色的相关代码表述为background-color, 该属性的默认取值数值情况是transparent, 也就是表示透明色的含义。
背景颜色代码background-color
在网页的总体设置中, 需要body的背景颜色设置为黄色。接着需要对标题一也就是 H1 标签进行独立的样式定义, 将其背景颜色设为黑色十六进制的数值代码就是 #000000。
背景图片, 也就是咱们常说的 background-image 属性, 它被用来指定网页元素上所要显示的背景图像。
在HTML里面, 设置背景图片和设置背景颜色是基本相同的, 都可以在相应的地方加入相关的语句来完成, 但是在这里, 我们所说的并不是使用这种方法, 我这里采用的方法仍然是CSS。
background-image这个属性的主要功能, 说白了就是用来显示图片的。如果需要显示背景图片, 那么只要在属性值的后面加上url(图片的地址)就行了。
如果想不显示背景图片, 那什么也不写就OK了。因为这个样式默认值就是none。而如果想要显式地设置不显示背景图片, 那么在后面加上none也是可以的。
这是关于在网页中使用的背景图片的相关CSS代码。
body{background-image:url(‘images/BACKGRND.GIF’)}
h1{background-image:url(‘none’)}
使用者在使用里面的背景图片的期间,一定经常遇到一些麻烦的情形, 比如因为图片的体积小, 就 causing 出现重复, 这种重复会破坏整个页面的美感, 然后如果想要换其它的图片的话就不合适了。
免责声明：网所有文字、图片、视频、音频等资料均来自互联网，不代表本站赞同其观点，内容仅提供用户参考，若因此产生任何纠纷，本站概不负责，如有侵权联系本站删除！邮箱:207985384@qq.com https://www.ainiseo.com/jianzhan/61425.html
