html字体大小、颜色、粗体、下划线代码(局部)

html字体大小、颜色、粗体、下划线代码(局部),第1张

方法和详细的 *** 作步骤如下:

1、第一步,如果要修改下划线的颜色,大小和其他样式,可以通过border属性设计,使用起来更灵活,见下图,转到下面的步骤。

2、第二步, 执行完上面的 *** 作之后, border-bottom属性用于设置底部边框样式,见下图,转到下面的步骤。

3、第三步,  执行完上面的 *** 作之后,border-bottom: #FF0000 2px solid ; 将边框大小设置为2PX红色边框,见下图,转到下面的步骤。

4、第四步,执行完上面的 *** 作之后,观察到相同的效果,发现下划线是整个屏幕的宽度,因此接下来将更改宽度,见下图,转到下面的步骤。

5、第五步,执行完上面的 *** 作之后,宽度设置为180px,可以根据实际情况进行调整,见下图,转到下面的步骤。

6、第六步,执行完上面的 *** 作之后,将显示下划线效果,见下图。这样,就解决了这个问题了。

可以用css改变字体的大小和颜色。

1、新建html文件,在body标签中添加文字,这里以p标签内容为“演示文本”为例,这时网页将会显示字体默认大小和颜色:

2、在head标签中添加style标签给页面设置css样式,选择p标签,字体大小用的是“font-size”属性,属性值为字体大小,这里以“30px”为例,这时“演示文本”字体将会变大:

3、选择p标签,字体颜色用的是“color”属性,属性值为颜色,这里以红色“red”为例,这时“演示文本”字体将会变成红色:

加粗

代码:《b》加粗《/b》

中间标明:需要加粗的文字.

倾斜

代码:《em》倾斜《/em》

中间标明:要倾斜的文字.

下划线

代码:《u》下划线《/u》

中间标明:要加下划线的文字.

删除线

代码:《s》删除线《/s》

中间标明:要加下划线的文字.

字体加大

代码:《big》字体加大《/big》

中间标明:要放大的文字.

彩色字体及部分颜色代码

更改字体颜色:

《font color="#value"》写上你想写的字《/font》

(其中value值在000000与FFFFFF(16位进制)之间修改#后面的数值,就可以改变字体的颜色。

部分常用颜色代码:

#ff0000 红色的字喔!

#ff8000 橙色的字喔!

#ffff00 黄色的字喔!

#00ff00 绿色的字喔!

#0080ff 蓝色的字喔!

#0000a0 靛色的字喔!

#8000ff 紫色的字喔!

#000000 黑色的字喔!

#c0c0c0 灰色的字喔!


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存