css实现文字段落悬浮变粗效果代码

代码语言:html

所属分类:悬停

代码描述:css实现文字段落悬浮变粗效果代码

代码标签: css 文字 段落 悬浮 变粗

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto Mono:wght@100..700&amp;display=swap">
  
  
  
<style>
body {
  font-family: 'Roboto Mono', monospace;
}

p {
  font-size: 5vw;
  font-weight: 100;

  margin: 0;
}

a:hover {
  font-weight: 700;
  box-shadow: inset 0 -0.15em 0 black;
}

a {
  font-weigh.........完整代码请登录后点击上方下载按钮下载查看

网友评论0