HTML5+CSSDAY4综合案例一--热词

样式展示图:

代码如下:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>热词</title>
  <style>
    a{
      background-color: #3064b3;
      color:#fff;
      width: 200px;
      height: 80px;
      display: block;
      font-size: 18px;
      /* text-decoration:设置文字的格式 */
      text-decoration: none;
      /* text-align: center:tac设置水平文字居中 */
      text-align: center;
      /* 设置文字竖直居中 */
      line-height: 80px;
    }
    a:hover{
      background-color: #608dd9;
    }
  </style>
</head>
<body>
  <a href="#">HTML</a>
  <a href="#">CSS</a>
  <a href="#">JavaScript</a>
  <a href="#">Vue</a>
  <a href="#">React</a>
</body>
</html>

效果展示:

相关推荐
devlei2 小时前
从源码泄露看AI Agent未来:深度对比Claude Code原生实现与OpenClaw开源方案
android·前端·后端
Jagger_3 小时前
周末和AI肝了两天,终于知道:为什么要把AI当做实习生
前端
weixin_456164833 小时前
vue3 子组件向父组件传参
前端·vue.js
沉鱼.443 小时前
第十二届题目
java·前端·算法
Setsuna_F_Seiei3 小时前
CocosCreator 游戏开发 - 多维度状态机架构设计与实现
前端·cocos creator·游戏开发
Bigger3 小时前
CodeWalkers:让 AI 助手化身桌面宠物,陪你敲代码的赛博伙伴!
前端·app·ai编程
cyclv4 小时前
无网络地图展示轨迹,地图瓦片下载,绘制管线
前端·javascript
土豆12505 小时前
Tauri 入门与实践:用 Rust 构建你的下一个桌面应用
前端·rust
小陈工6 小时前
2026年4月2日技术资讯洞察:数据库融合革命、端侧AI突破与脑机接口产业化
开发语言·前端·数据库·人工智能·python·安全
IT_陈寒7 小时前
Vue的这个响应式问题,坑了我整整两小时
前端·人工智能·后端