3.4 字体颜色color

本文介绍了CSS中的color属性,详细解释了如何通过关键字或16进制RGB值来定义字体颜色。关键字包括如red、blue等颜色名称,而16进制RGB值则采用#FBF9D0这样的形式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、color属性简介

在CSS中,使用color属性来定义字体颜色。

语法:
color:颜色值;

说明:
颜色值是一个关键字或一个16进制的RGB值。

二、color属性
1、color属性使用关键字

关键字指的就是颜色的英文名称,如red、blue、green等。
在Visual Studio或其他编辑软件都出现自动提示,你直接点击就可以免输入了。

2、16进制RGB

color属性值还可以取16进制RGB,所谓的16进制RGB值指的就是类似“#FBF9D0”这种形式的值。

@Entry @Component export struct Home { build() { Stack({ alignContent: Alignment.TopStart }) { // 背景图片 Image('/Images/Home/nv.jpg') .width('100%') .height('100%') .objectFit(ImageFit.Cover) // 顶部列表布局 Row({space:8}) { Image('/Images/Home/Plus.png') .width("25") .margin({ right: 13 }) Text('精选') .fontSize(18) .fontColor(Color.White) Text('团购') .fontSize(18) .fontColor(Color.White) Text('长沙') .fontSize(18) .fontColor(Color.White) Text('关注') .fontSize(18) .fontColor(Color.White) Text('朋友') .fontSize(18) .fontColor(Color.White) Text('推荐') .fontSize(18) .fontColor(Color.White) Image('/Images/Home/Seek.png') .width("25") } .width('100%') .padding(20) .justifyContent(FlexAlign.Start) // 侧边栏布局 Column() { // 头像 Image('/Images/Home/User.jpg') .width(50) .height(50) .borderRadius(25) .margin({ bottom: 20 }) // 点赞 Column() { Image('/Images/Home/Like.png') .width(30) .height(30) Text('1.2w') .fontSize(12) .fontColor(Color.White) } .margin({ bottom: 20 }) // 评论 Column() { Image('/Images/Home/Comment.png') .width(30) .height(30) Text('3.4k') .fontSize(12) .fontColor(Color.White) } .margin({ bottom: 20 }) // 收藏 Column() { Image('/Images/Home/Like.png') .width(30) .height(30) Text('5.6k') .fontSize(12) .fontColor(Color.White) } .margin({ bottom: 20 }) // 分享 Column() { 告诉我以上代码说了什么,注释每一步的用法,以及意义,并且告诉我在哪里配置了字体颜色
最新发布
06-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值