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

news2024/11/26 8:35:00

样式展示图:

代码如下:

<!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>

效果展示: 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1070744.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Nginx的安全控制

安全控制 关于web服务器的安全是比较大的一个话题&#xff0c;里面所涉及的内容很多&#xff0c;Nginx反向代理是安全隔离来提升web服务器的安全&#xff0c;通过代理分开了客户端到应用程序服务器端的连接&#xff0c;实现了安全措施。在反向代理之前设置防火墙&#xff0c;…

深入浅出的介绍一下虚拟机VMware Workstation——part1

目录 VMware Workstation说明VMware Workstation的主要特点VMware Workstation安装VMware Workstation卸载 VMware Workstation说明 1、 虚拟机的软件在市面上有很多&#xff0c;目前功能强大且比较主流的虚拟机软件首选VMware 2、VMware是一个虚拟PC的软件&#xff0c;可以在…

A (1087) : DS单链表--类实现

Description 用C语言和类实现单链表&#xff0c;含头结点 属性包括&#xff1a;data数据域、next指针域 操作包括&#xff1a;插入、删除、查找 注意&#xff1a;单链表不是数组&#xff0c;所以位置从1开始对应首结点&#xff0c;头结点不放数据 类定义参考 #include<…

边坡安全监测系统的功能优势

随着科技的进步&#xff0c;边坡安全监测系统在各种工程项目中发挥着越来越重要的作用。这款系统通过实时监测垂直、水平位移数据&#xff0c;以折线图的方式显示在监控平台中&#xff0c;为工程人员提供了直观、便捷的监控工具&#xff0c;从而能够及时掌握边坡稳定状况&#…

Quarto 入门教程 (1):简单介绍和资料汇总

本推文是 “手把手教你使用 Quarto 构建文档” 教程的第一部分&#xff0c;本文先介绍 Quarto 构建文档的原理&#xff1b;可创建的文档类型&#xff1b;对应的参考资源分享。 下一部分&#xff0c;会手把手介绍如何使用它&#xff08;下次推文吧&#xff5e;&#xff09;。 …

行车记录仪检测不到内存卡的原因

最近修了两个行车记录仪&#xff0c;相同的问题&#xff0c;都是提示插入内存卡&#xff08;TF卡&#xff09;。网上搜索资料&#xff0c;并没有明确的指出问题原因&#xff0c;有的是直接更换卡槽。 于是自己分析&#xff0c;首先内存卡电路属于小电流&#xff0c;而且电压并不…

好物分享|项目经理真的离不开这16个表格

今天给大家分享一些项目经理必备工具&#xff5e; SWOT分析法&#xff0c;可以对研究对象所处的情景进行全面、系统、准确的研究&#xff0c;从而根据研究结果制定相应的发展战略、计划以及对策等。 优点在于&#xff0c;考虑问题全面&#xff0c;是一种系统思维。而且可以把问…

OLED透明拼接屏,探索石家庄城市之美,在该城市中有哪些应用表现

引言&#xff1a;石家庄&#xff0c;作为河北省首府&#xff0c;拥有悠久的历史与独特的风貌。近年来&#xff0c;随着科技的迅猛发展&#xff0c;石家庄城市景观也焕然一新。 其中&#xff0c;OLED透明拼接屏作为一项创新科技&#xff0c;在城市中的应用给石家庄增添了一抹璀…

C# 把多个dll合成一个dll

Nuget 下载ILMerge两个工程 dog为测试工程 TestIlmerge为准备合并的类库 如下图所示&#xff0c; 由于我们引用下面4个库 正常生成后&#xff0c;会有TestIlmerge.dll和下面的这4个dll 只生成TestIlmerge.dll 打开工程文件 在最下方加入以下两段 <Target Name"ILMerge…

解决WordPress升级后提示:无需升级,您的WordPress数据库已经是最新的了

问题描述 当升级了 WordPress 6.3 后&#xff0c;登录后台出现了提示&#xff1a;无需升级&#xff0c;您的WordPress 数据库已经是最新的了。并且无法进入后台了。 出现这个问题的原因可能是你网站开启了 Memcached 缓存。 如何验证是否开启了 Memcached 缓存&#xff1f;检…

C++基础——基础语法

1 注释 C支持单行注释和多行注释。 单行注释 // 注释内容单行注释直到改行末尾&#xff0c;可以与代码放在同一行&#xff0c;在代码后面注释 多行注释 /* 注释内容 */包含在其中的都会被注释 2 变量 变量的作用是给指定的内存空间起名&#xff0c;方便操作这段内存。变…

用Python抓取京东商品评论

分析可能存在的失效时&#xff0c;我们强调要基于功能分析失效&#xff0c;每种功能可以思考七种类别失效模式&#xff0c;从而考虑比较全面。 这背后其实是对可靠性概念的理解&#xff0c;可靠性的定义&#xff1a;产品在规定的条件下和规定的时间内&#xff0c;完成规定功能…

架构师-软件工程习题选择题

架构师-软件工程习题选择题

今年较火的扩散模型Diffusion Model

&#x1f680; 作者 &#xff1a;“码上有钱” &#x1f680; 文章简介 &#xff1a;AI-扩散算法 &#x1f680; 欢迎小伙伴们 点赞&#x1f44d;、收藏⭐、留言&#x1f4ac;项目 扩散模型加噪去噪过程 原理 高斯噪声 在深度学习中&#xff0c;高斯噪声通常指的是一种服从…

库存管理与策略模式

库存管理是个难题&#xff0c;涉及到采购、销售、仓储、门店、网站订单各个环节&#xff0c;实物库存和系统库存很难保证完全一致&#xff0c;记得系统刚上线第一天&#xff0c;因为实物库存与导入系统的库存有差异&#xff0c;系统又做了限制系统库存必须大于0才允许销售普通订…

战略咨询只是一个热门词汇?NO!它可能是您企业成功的关键因素

战略咨询只是一个热门词汇?NO!它可能是您企业成功的关键因素。每个企业都有可能遇到困境&#xff0c;战略咨询可以帮助企业找到突破之道。当企业面对挑战时&#xff0c;战略咨询不仅能帮您打开新的视角&#xff0c;还能为您的企业带来创新和成长。 战略咨询是什么意思&#x…

matlab高斯消元法求解线性方程组

高斯消元法的基本原理是通过一系列行变换将线性方程组的增广矩阵转化为简化行阶梯形式&#xff0c;从而得到方程组的解。其核心思想是利用矩阵的行变换操作&#xff0c;逐步消除未知数的系数&#xff0c;使得方程组的求解变得更加简单。 首先&#xff0c;给定系数矩阵A和常数向…

插头 DP

垃圾插头DP&#xff0c;照着打都调了我一下午&#xff0c;淦&#xff01;&#xff01;&#xff01; 学这个玩意纯粹是因为模拟赛考了一道&#xff0c;要不然碰都不会碰…… 我觉得插头DP的主要难度在于实现&#xff0c;而不是理解算法原理…… 不说废话了&#xff0c;进入正…

2023腾讯云服务器优惠代金券领取、查询及使用说明

腾讯云代金券领取渠道有哪些&#xff1f;腾讯云官网可以领取、官方媒体账号可以领取代金券、完成任务可以领取代金券&#xff0c;大家也可以在腾讯云百科蹲守代金券&#xff0c;因为腾讯云代金券领取渠道比较分散&#xff0c;腾讯云百科txybk.com专注汇总优惠代金券领取页面&am…

Javascript 笔记:object

一部分object可以见&#xff1a;JavaScript 笔记 初识JavaScript&#xff08;变量&#xff09;_UQI-LIUWJ的博客-CSDN博客 1 in操作符 2 hasOwnProperty 3 获取一个object所拥有的所有property 不去原型链上找 4 定义data property