HTML里怎么设置字体颜色

HTML里怎么设置字体颜色,第1张

HTML设置字体颜色常用的有三种方式:

方式一:HTML命令方式

<font color="red">这里是红色</font>

方式二:内联CCS样式

<div style="color:blue">这里是蓝色</div>

方式三:独立CCS样式

<div id="div1">这里是绿色</div>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>字体颜色设置</title>
<style>
#div1 {
    color: green;
}
</style>
</head>
<body>
<font color="red">这里是红色</font>
<div style="color:blue">这里是蓝色</div>
<div id="div1">这里是绿色</div>
</body>
</html>

以下是显示结果:

具体意义如下:

<html>    //html标志

<body style="background-color:PowderBlue;">   主体样式 ——背景颜色

owderBlue<h1>Look! Styles and colors</h1>   标题默认H1<p style="font-family:verdana;color:red">  段落样式——字体:verdana;颜色:红

This text is in Verdana and red</p>  段落内容<p style="font-family:times;color:green">  段落样式——字体:times;颜色:绿

This text is in Times and green</p> 段落内容<p style="font-size:30px">This text is 30 pixels high</p>  段落样式——字体大小:30%</body>  主体结束

</html>  HTML结束

超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点------就是一种URL指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。

由此可见,网页的本质就是HTML,通过结合使用其他的Web技术(如:脚本语言、CGI、组件等),可以创造出功能强大的网页。因而,HTML是Web编程的基础,也就是说万维网是建立在超文本基础之上的。

vc60是可以设置文本框的背景颜色的,步骤如下。

1
为文本框添加消息处理函数onctlcolor;
2
在该函数中添加如下代码
if(pwnd->getdlgctrlid()==idc_text) {
pdc->setbkcolor(rgb(255,0,0));//颜色设置,可根据具体需要调整
}

在OnCtlColor中添加如下代码改变字体颜色
if( pWnd->GetDlgCtrlID() == ID_STATIC )
{
CFont font;
// 改变字体颜色
pDC->SetTextColor( RGB( 0, 0, 255 ) );
// 改变字体
fontCreatePointFont( 200, _T("隶书") );
pDC->SelectObject( &font );
}

1、先在HTML网页编写一些测试的文字。

2、然后在网页预览文字初始的字体效果,颜色是黑色,大小比较小。

3、因为测试文字是在body标签内的,所以我们要对body标签设置css属性就可以了。

4、我们可以用font-family来设置HTML网页字体的类型,比如这里我设置为“华文楷体”。

5、再去看文字的变化效果,文字变成了华文楷体类型,比原先的好看多了。

6、然后color可以改变文字的颜色,比如我就设置它为red,意思表示的是红颜色。

7、这样,文字的颜色就会由黑色变成红色了哦。

8、而font-size可以设置文字的大小,我设置成38px,表示38像素大小。

9、最后来看看,文字变得比原来大了很多。这样我们就实现了设置HTML文字的类型,颜色及大小的目的。


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

原文地址: https://www.outofmemory.cn/yw/13404554.html

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

发表评论

登录后才能评论

评论列表(0条)

保存