码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签深入学习

时间:2016-11-09 23:21:49      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:html标签深入学习

今天主要学习列表标签:

default.html

列表分为三种:<1>有序列表   <2>无序列表   <3>自定义列表

配合CSS叠层样式可以做出查询标签

代码如下:

<!DOCTYPE html>

<html>

<head>

<style>

div{

width: 100%;

height: 50px;

background-color: green;

}

ul{

width: 500px;

height: 50px;

background-color: red;

}

li{width: 50px;

height:50px;

background-color: red;

float: left;

color: green;

list-style: none;

text-align: center;

line-height: 50px;

}

li:hover{

background-color: orange;

}

</style>

</head>

<body>

<div>

<ul>

<li>语文</li>

<li>数学</li>

<li>外语</li>

<li>历史</li>

<li>政治</li>

</ul>

</div>

</body>

</html>


本文出自 “12244254” 博客,请务必保留此出处http://12254254.blog.51cto.com/12244254/1871168

HTML标签深入学习

标签:html标签深入学习

原文地址:http://12254254.blog.51cto.com/12244254/1871168

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!