[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] 写一个标签云的布局的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。