彩色的信息

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

信息的样式可以有不同的类型,比如表示警告的 warning,表示提醒的 info .. 表示正面的或者成功的信息是 positive .. 表示负面的或者出错的信息可以使用 negative 类型的信息样式 ..

现在这里有几个普通样式的信息 .. 在信息的容器上可以使用一些 CSS 类去改变它们的样式 .. 第一个信息是一个警告的信息 .. 所以可以在上面添加一个 warning .. ui warning message ..

这种信息有一个浅黄色的背景,还有边框 ..

第二个是一个提醒的信息,这里用一个 info .. 这种信息是浅蓝色的背景还有边框 .. 文字的颜色会比背景颜色深一些 ..

第三个是一个成功类型的信息 .. 在容器上添加一个 positive .. 这种信息是浅绿色的 .. 我们也可以使用 success .. 得到的是一样的信息 ..

最后这个是一个错误类型的信息 .. 所以需要用一个 negative .. 它会用比醒目的红色为主要的颜色 .. 或者也可以使用 error .. 样式是一样式 ..

除了使用这种表示信息意义的单词改变信息的样式 .. 我们也可以直接使用表示颜色的词去设置信息的样式 ..

可以是红橙黄绿青蓝紫 .. 粉 . 褐,黑 .. 黄跟绿之间还有个 olive 橄榄色 .. 蓝跟紫之间有个 violet 紫罗兰 ..

我们可以直接把这些表示颜色的单词放在信息的包装容器上 .. 它会为信息设置合适的背景,边框,还有文字的颜色 ..

彩色的信息《 Semantic UI 集合 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点