html背景色-html中如何设置背景颜色

2023-08-21 0 7,054 百度已收录

本文与大家分享的是关于html设置背景颜色的方式。 小编觉得很实用,所以分享给大家,作为参考。 快来跟着我一起来看看吧。

首先,我们来看看 HTML 中设置背景颜色

我们先设置一个背景色,在body标签中设置背景色我们看看效果

html背景色-html中如何设置背景颜色




亿速云


这是亿速云

背景色设置为黄色,你能想象在浏览器中显示的效果吗?

html背景色-html中如何设置背景颜色

没错,这就是疗效。 你再也看不到任何东西了。 我们把字体设置一下颜色看看是否可以显示:

这是亿速云

是不是很明显,文字需要给字体加颜色才能显示,但是还有两个字没有上色,所以还是显示不出来。

现在我们来看看如何制作文字背景:

这是亿速云

这个时候font标签已经不好用了,所以我们果断使用css样式来改变背景颜色。 可以看到这是一个简单的css样式,只设置了一种背景颜色。

由于 p 标签,后台抢占了整行。 这个好像比较有效,所以我就不架设了,只是教大家方法。 当我们不需要那么多背景时,我们可以在p标签周围添加一个div标签,设置长度为文本的长度,这样文本背景就不会显示在一行中,这也是其中之一常用技术。

当然,背景也可以使用图片作为背景图片。 我们来看一下功效示例:




亿速云


这是亿速云

这是从网上复制的图片,效果还是很明显的html背景色,现在我们看一下例子:

这是整个网页的背景。 我们可以从其他地方看到适合背景图片的好看的。 您可以右键单击该图像,选择复制图像地址,然后向该 url 添加一组。 这个也很简单,大家可以在下面多多练习html背景色,看看效果是不是和我的一样。

感谢您的阅读! 这里分享一下html中设置背景颜色的方法。 希望以上内容能够对您有所帮助,让您学到更多的知识。 如果您觉得文章不错,可以分享出去,让更多的人听到!

在HTML5中html 边框颜色,您可以借助“border-color”属性将表格边框线设置为不同的颜色html 边框颜色,该属性是

一个缩写属性,可以设置1到4个值,取它分别设置四个边框的颜色,句型为“边框颜色:上边框颜色、右边框颜色、下边框颜色、左边框颜色;

本教程操作环境:视窗10系统,HTML5版本,戴尔G3笔记本。

HTML5 如何设置不同颜色的表格边框线边框

颜色属性设置四个边框的颜色。此属性可以设置 1 到 4 种颜色。

border-color 属性是一个缩写属性,用于设置元素所有边框的可见部分的颜色,或为四个边中的每一个设置不同的颜色。请看以下示例:

案例1

border-color:red green blue pink;

html背景色-html中如何设置背景颜色

上边框为白色

右边框为红色

下边框为白色

左边框为白色

html背景色-html中如何设置背景颜色

反例2

border-color:red green blue;

上边框为白色

左右边框为红色

下边框为白色

反例3

border-color:dotted red green;

顶部和底部边框为白色

html背景色-html中如何设置背景颜色

左右边框为红色

案例4

border-color:red;

所有 4 个边框均为黄色请记住,边框

的样式不能为无或隐藏,否则边框将不会显示。

推荐教程:HTML 视频教程

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html背景色-html中如何设置背景颜色 https://www.wkzy.net/game/136499.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务