- HTML code
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterOne_MasterPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>无标题页</title><style type="text/css">a:link {text-decoration:none;}a:visited {text-decoration: none;}a:hover {text-decoration: underline;color: #FF6600;}a:active {text-decoration: none;}*{ margin:0px; padding:0px;}img{ border:0px;}li a{ list-style:none; float:left; width:100px; height:20px; margin:9px; display:block; overflow:hidden; font-size:20px; font-family:华文琥珀; color:Black; text-align:center;}li a:hover{ background:url('../IMG/BGOne-Nav.png');}</style></head><body style="display:block; overflow:hidden;"> <div style="background:url('../IMG/BGOne-One.png'); background-repeat: no-repeat; display:block; overflow:hidden; margin:0 auto; width:1010px; height:300px; display:block; overflow:hidden;"> <div style="width:1010px; height:200px; float:left; display:block; overflow:hidden;"></div> <div style="width:985px; height:38px;float:left; background-image: url('../IMG/BGOne-Two.png'); background-repeat: no-repeat; margin-left:13px; display:block; overflow:hidden;"> <div style="float:left; overflow:hidden; display:block; width:15px; height:38px;"></div> <ul> <li><a href="#">首页</a></li> <li><a href="#">首页</a></li> <li><a href="#">首页</a></li> <li><a href="#">首页</a></li> </ul> </div> </div> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder></body></html>
页面浏览效果
问题: li 未去点。。。
问题2:li 横排未对齐
小弟粗心由来已久 大家看看错误在哪
------解决方案--------------------------------------------------------
你应该写成
li{ list-style:none; float:left; width:100px; height:20px; margin:9px; display:block; overflow:hidden; font-size:20px; font-family:华文琥珀; color:Black; text-align:center;}
而不是li a
你可以再单独定义
li a里面的颜色等
------解决方案--------------------------------------------------------
li是容器, 你没设置对齐啊
------解决方案--------------------------------------------------------
++
------解决方案--------------------------------------------------------
li a{
==>
li{