鱼C论坛

 找回密码
 立即注册
查看: 3279|回复: 6

[学习笔记] 【CSS3】第二弹:一抹亮丽的色彩

[复制链接]
发表于 2020-4-4 15:40:20 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 weiter 于 2020-4-12 16:02 编辑

【CSS3】第一弹:食用方法
护眼绿来啦
事先声明:
游客,如果您要查看本帖隐藏内容请回复

废话不多说,我们开始第二弹。
首先:我们今天药学几个样式。没错,开始给网页移植皮肤了。
第一个内容:给标签一点颜色看看。
p{
    color: red;
    background-color: green
}
呵呵,还是甲鱼老师那句经典名言:
游客,如果您要查看本帖隐藏内容请回复

游客,如果您要查看本帖隐藏内容请回复

但是你会发现,是一整行的绿。。。因为p是行内元素嘛。当然不想要一整行也有解决方法,到了以后的文章里会有讲到。
其实还有很多其他的设置背景的东西,具体详见官方CSS速查宝典,毕竟,我们只是想要一些色彩。。。
接下来,面纱!透明的面纱会给网页增添一些。。。
opacity
游客,如果您要查看本帖隐藏内容请回复

这样,div的不透明度就被设置了,文本和背景色都会受这个影响。。。
这一次就复习了背景颜色,颜色,和透明度。
最后再给个友情链接
鱼C颜色板:https://man.ilovefishc.com/color/index.html
鱼C拾色器:https://man.ilovefishc.com/color/colorPicker.html
鱼C调色器:https://man.ilovefishc.com/color/colorChange.html

然后我想问,为什么我加不了有效链接。。。


如果喜欢,请收藏或订阅哦
【CSS3】第三弹:论距离产生美
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-4-4 15:42:17 | 显示全部楼层
沙发
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-4-4 22:29:14 | 显示全部楼层
。。。。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-4-6 14:59:16 | 显示全部楼层
本帖最后由 liuzhengyuan 于 2020-4-6 15:01 编辑

顶端直达第一弹的链接出了点问题。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-12 11:27:09 | 显示全部楼层
板凳
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-4-12 16:00:01 | 显示全部楼层
liuzhengyuan 发表于 2020-4-6 14:59
顶端直达第一弹的链接出了点问题。。。

然后你们回复我也没看到提醒。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-12 16:01:19 | 显示全部楼层
liuzhengyuan 发表于 2020-4-6 14:59
顶端直达第一弹的链接出了点问题。。。

是出问题了,修复ing
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 19:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表