谢谢老师,我做出来了

来源:4-7 编程练习

方解石

2015-03-13 15:01

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>页码的制作</title>

<style>

/*在此定义相关CSS样式*/

*{padding:0;

margin:0;

}

.page li{

    font-size:12px;

    float:left;

    

    list-style-type:none;

}

.page li a{

    display:inline-block;

    padding:5px 8px;

    margin:4px;

    text-decoration:none;

    color:black;

    border:1px solid #e8e8e8;

}

.page li a:hover{

    background-color:red;

}

</style>

</head>


<body>

<!--在此制作页码的基本结构-->


<ul class="page">

    <li><a href="">首页</a></li>

    <li><a href="">&lt</a></li>

    <li><a href="">1</a></li>

    <li><a href="">2</a></li>

    <li><a href="">3</a></li>

    <li><a href="">...</a></li>

    <li><a href="">&gt</a></li>

    <li><a href="">末页</a></li>

</ul>


</body>

</html>


写回答 关注

1回答

  • cidy
    2016-01-09 23:38:37

    很好

企业网站综合布局实战

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

157019 学习 · 1984 问题

查看课程

相似问题