李老师作业2-4 仿百度按钮(牛颖）

2020年3月24日阅读(6116) 评论(0) 分类： Web程序设计

发布者：小浣熊

全网最全的网络资源分享网站

手机扫码查看

标签：

李老师作业2-4 仿百度按钮牛颖

特别声明：文章多为网络转载，资源使用一般不提供任何帮助，特殊资源除外，如有侵权请联系！

这篇文章总字数为：698 字，有 1 张图存于本站服务器

作业预览：

实现代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>17180073  牛颖</title>
     <style type="text/css" media="screen">
    body{}
    ul{list-style:none; display: block; width:160px;}
    li{list-style:none; display:block; }
    a{text-decoration:none; display:block; background-color:#4bf; color:#fff; font-family:"黑体"; font-size:20px; height:26px; width:160px; text-indent:60px; }
    #one{border-bottom:1px solid #aaa; width:160px; height:26px; margin-bottom:6px;}
    li a:hover{background-color:#0019f3;}
    </style>
</head>
<body>
<ul>
    <li id="one">CSS属性超链接的应用</li>
    <li><a href="#">百度</a></li>
</ul>

</body>
</html>