[html] 写一个标签云的布局

<ul class="tag-cloud"><li>JavaScript</li><li>技术</li><li>CSS</li><li>哲学</li><li>React</li><li>架构</li><li>算法</li><li>其他</li></ul><style>* {margin: 0; padding: 0; box-sizing: border-box;}.tag-cloud {width: 200px;padding: 1em;border: 1px solid #eee;}.tag-cloud li {background-color: #ddd;margin-right: 0.4em;margin-bottom: 0.4em;padding: 0.2em 0.4em;display: inline-block;border-radius: 4px;font-size: 13px;color: #fff;}.tag-cloud li:nth-child(1) {background-color: orange;}.tag-cloud li:nth-child(2) {background-color: darkgreen;}.tag-cloud li:nth-child(3) {background-color: darkorange;}.tag-cloud li:nth-child(4) {background-color: orangered;}.tag-cloud li:nth-child(5) {background-color: dodgerblue;}.tag-cloud li:nth-child(6) {background-color: olivedrab;}.tag-cloud li:nth-child(7) {background-color: brown;}.tag-cloud li:nth-child(8) {background-color: blueviolet;}</style>

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 写一个标签云的布局相关推荐

写一个阿里云DDNS Linux脚本
好的,以下是一个阿里云DDNS的Linux脚本: ``` #!/bin/bash 阿里云DDNS脚本请替换以下变量 AK="your_access_key_id" SK=&quo ...
重组标签云-标签聚类及其评价研究
重组标签云-标签聚类及其评价研究 AlbertoPérez García-Plaza a*, Arkaitz Zubiaga b, Víctor Fresnoa,Raquel Martínez a a ...
阿里云解决方案怎么写？阿里云服务器等产品官方解决方案撰写思路
很多朋友在上云之前需要写一个阿里云解决方案,但一直没有好的思路,虽说以前也写过产品的一些方案,有一定的沉淀,但仔细想来,基于产品的解决方案和基于定制开发的方案应该有很大的不同.所以就通过网络和以前的朋 ...
java 标签云_网站标签云(TagCloud)的实现
周末闲来没事,就给网站实现了一个标签云(TagCloud)功能,我的网站3D标签云实现了15个网站文章热词,且根据算法得出权重分大小显示.前端实现通过TagCanvas的3D样式标签实现js,TagC ...
用 python+tkinter+有道云API 写一个自用的背单词软件
目录导语程序功能需要用的工具需要安装的python包程序代码功能类函数Functions 键盘响应窗体设置 Sql连接 Gui程序打包结语参考文献导语最近在学英语,新单词需要反复 ...
基于python3写的源码剖析_基于python3生成标签云代码解析
这篇文章主要介绍了基于python3生成标签云代码解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下标签云是现在大数据里面最喜欢使用的一种展现方式 ...
手把手写一个慕课网的h5布局页面
简单写一个慕课网的h5布局页面以下部分为HTML结构代码: <!DOCTYPE html> <html><head><meta charset=" ...
【项目经验】如果想在mapper.xml文件中的一个标签中写多条sql语句，则需要在jdbc的配置文件中稍做配置
如果想在mapper.xml文件中的一个标签中写多条sql语句,则需要在jdbc的配置文件中稍做配置: url=jdbc:mysql://127.0.0.1:3306/airipo?useUnicod ...
[html] 写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位
[html] 写一个布局,当页面滚动一定高时,导航始终固定在顶部,反之恢复原位使用粘性定位,position:sticky 记得使用的时候父元素不能使用overflow:hidden和overflo ...

[html] 写一个标签云的布局

[html] 写一个标签云的布局

个人简介

主目录

[html] 写一个标签云的布局相关推荐

最新文章

热门文章