如何去除HTML代码中span标签的下划线
可以通过给span元素添加CSS样式来去掉下划线。可以在head标签中添加一个style标签，然后在其中添加以下样式：
span {
text-decoration: none;
}
完整的代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title>字母点读</title>
<style>
span {
text-decoration: none;
}
</style>
</head>
<body>
<h1><span style='color: blue; font-size: 1em; font-weight: bold;'> 韵母点读 </span></a></h1>
<ul>
<div>
<a href='#' onclick='playMP3('http://du.hanyupinyin.cn/du/pinyin/a.mp3')'><span style='color: red; font-size: 4em; font-weight: bold;'> a </span></a><a href='#' onclick='playMP3('')'><span style='color: white; font-size: 4em; font-weight: bold;'> - </span></a>
<a href='#' onclick='playMP3('http://du.hanyupinyin.cn/du/pinyin/o.mp3')'><span style='color: red; font-size: 4em; font-weight: bold;'> o </span></a><a href='#' onclick='playMP3('')'><span style='color: white; font-size: 4em; font-weight: bold;'> - </span></a>
<a href='#' onclick='playMP3('http://du.hanyupinyin.cn/du/pinyin/e.mp3')'><span style='color: red; font-size: 4em; font-weight: bold;'> e </span></a><a href='#' onclick='playMP3('')'><span style='color: white; font-size: 4em; font-weight: bold;'> - </span></a>
</div>
<div>
<a href='#' onclick='playMP3('http://du.hanyupinyin.cn/du/pinyin/i.mp3')'><span style='color: blue; font-size: 4em; font-weight: bold;'> i </span></a><a href='#' onclick='playMP3('')'><span style='color: white; font-size: 4em; font-weight: bold;'> - </span></a>
<a href='#' onclick='playMP3('http://du.hanyupinyin.cn/du/pinyin/u.mp3')'><span style='color: blue; font-size: 4em; font-weight: bold;'> u </span></a>
</div>
</ul>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/o0F6 著作权归作者所有。请勿转载和采集!