html字体背景颜色不随字体长度变化

html字体背景颜色不随字体长度变化,第1张

1.首先,在HTML网页上写一些测试词。

2.然后在网页上预览文本的初始字体效果。颜色是黑色的,尺寸比较小。

3.因为测试文本在body标签中,所以我们只需要在body标签上设置css属性。

4.我们可以使用字体族来设置HTML网页的字体类型。比如这里我设置为“中国楷书”。

5.我们来看看人物的变化效果。字变成了中国楷书,比原来好看多了。

6.那么颜色可以改变文字的颜色。比如我设置为红色,表示红色。

7.这样,文字的颜色就会从黑色变成红色。

8.font-size可以设置文本的大小。我设置为38px,就是38px的意思。

9.最后,我们来看看。文本变得比以前大了很多。这样,我们就可以设置HTML文本的类型、颜色和大小。

一、设置字体的颜色

直接用font语句对字体颜色进行设置即可,具体命令如下所示:

设置“我是红色”为红色字体,输入命令如下:

<p><font color="red">我是红色</font></p>

更改上述命令中的color颜色即可更改字体颜色

二、设置字体的背景颜色

设置背景颜色为00FF66,输入命令如下:

<body bgcolor="00FF66">

更改上述命令中的bgcolor即可更改背景颜色

参考资料

HTML中基本元素基本设置.CSDN[引用时间2018-1-9]

html中设置元素的背景色都是通过CSS中的background 属性来完成。

例如,给整个页面(body)设置背景色:body{background: #ddd};如果要将图片作为背景色:body{background-image: url(1.jpg)},其中url括号后面的是背景图片的链接。

拓展资料:

background 简写属性在一个声明中设置所有的背景属性。

background可以设置如下属性:

background-color    背景颜色

background-position    背景图像的位置

background-size    背景图片的尺寸

background-repeat    重复背景图像

background-origin    背景图片的定位区域

background-clip    背景的绘制区域

background-attachment    背景图像是否固定或者随着页面的其余部分滚动

background-image    背景图像

如果不设置其中的某个值,也不会出问题,通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

代码:

效果:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7499487.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存