博客列表 >无序列表的基本使用-2019年07月02日22时46分

无序列表的基本使用-2019年07月02日22时46分

高明博客
高明博客原创
2019年07月09日 15:20:06500浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实例演示无序列表的基本使用</title>
</head>
<style>

    ul{width: 600px; height: auto;overflow: hidden;}

    ul li{
        list-style: none;
        float: left;
        width: 90px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: antiquewhite;
    }
    ul li a{
        text-decoration: none;
        font-size: 20px;
        padding: 0px 5px;
        display: block;;
    }
</style>
<body>

<h2>网络推广岗位分类</h2>
<ul>
    <li><a href="">文案</a></li>
    <li><a href="">美工</a></li>
    <li><a href="">程序</a></li>
    <li><a href="">SEM</a></li>
    <li><a href="">客服</a></li>
</ul>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

 

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议