1、新建html文档。
3、书写css代码。<style>body { font-family: "微软雅黑", Arial, sans-serif; }#main { border: none; background: none; }body, ul, li, h1, h2, h3, p, form { margin: 0; padding: 0; }body { background: #fbfbfb; color: #444; font-size: 14px; }a { color: #444; text-decoration: none; }a:hover { color: red; }#tagscloud { width: 250px; height: 260px; position: relative; font-size: 12px; color: #333; margin: 20px auto 0; text-align: center; }#tagscloud a { position: absolute; top: 0px; left: 0px; color: #333; font-family: Arial; text-decoration: none; margin: 0 10px 15px 0; line-height: 18px; text-align: center; font-size: 12px; padding: 1px 5px; display: inline-block; border-radius: 3px; }#tagscloud a.tagc1 { background: #666; color: #fff; }#tagscloud a.tagc2 { background: #F16E50; color: #fff; }#tagscloud a.tagc3 { background: red; color: #fff; }#tagscloud a.tagc4 { background: #F60; color: #fff; }#tagscloud a.tagc5 { background: #006633; color: #fff; }#tagscloud a:hover { color: #fff; background: #0099ff; }</style>
5、代码整体结构
