Home >Web Front-end >HTML Tutorial >HTML??UL CSS layout_html/css_WEB-ITnose
HTML??UL CSS layout_html/css_WEB-ITnose
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
- 2016-06-24 11:55:05850browse
The screenshot is as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>UL+CSS布局</title> <style type="text/css"> .menu{ margin: 0; padding: 0; height: 30px; list-style-type: none; } .menu li{ float: left; width: 100px; background-color: black; text-align: center; padding: 5px; } .menu li a{ color: white; text-decoration: none; font-size: 12px; } .menu li a:hover{/*hover用于修饰鼠标置于其上的超链接*/ color: yellow; } </style> </head> <body> <h3>友情链接</h3> <hr /> <ul class="menu"> <li><a href="#">新浪新闻</a></li> <li><a href="#">搜狐体育</a></li> <li><a href="#">网易游戏</a></li> <li><a href="#">天涯论坛</a></li> <li><a href="#">百度搜索</a></li> </ul> </body></html> Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn