帮我用代码打出来html代码
发布网友
发布时间：2022-04-21 15:25
共1个回答
热心网友
时间：2022-07-10 05:47
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>123123</title>
</head>
<style>
*{ margin:0; padding:0; font-size:12px;}
.main{ margin:20px auto; width:170px;}
.main h2{ color:#0f2358; line-height:26px; background-color:#f7f8fa; text-indent:40px; border:1px solid #bfc4d7; border-bottom:none;}
.box{ width:168px; background-color:#f7f8fa; overflow:hidden; border:1px solid #bfc4d7; border-top:none;}
.box li{ width:148px; height:26px; margin: 0 auto; line-height:26px; text-align:center; border-top:1px solid #bfc4d7;}
.box li a{ text-decoration:none; color:#333;}
.box li a:hover{ color:red;}
</style>
<body>
<div class="main">
<h2>课程导航</h2>
<ul class="box">
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">ACCP 软件工程师</a></li>
<li><a href="#">ACCP 软件工程师</a></li>
</ul>
</div>
</body>
</html>
=============
也就只能帮到这里了，箭头图片你着急 嵌入到 a 标签下吧。 用 background:url(XXX.jpg) no-repeat; 就可以了。
