离奇的虚线样式border-bottomborder-left无效
Test.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>
<!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">
.menu_list
{
padding: 0;
list-style-type: none;
text-align: center;
margin: 0 AUTO;
}
.menu_list li
{
float: left;
width: 149px;
padding: 5px 5px;
border-bottom: 0.2px dashed #FFFFFF;
border-left: 0.2px dashed #FFFFFF;
font-weight: 300;
font-family: "黑体";
color: #FFFFFF;
font-size: 18px;
}
.menu_list li a
{
text-decoration: none;
color: #FFFFFF;
font-size: 18px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="center_top" style="position: relative; width: 800px;">
<ul class="menu_list">
<li style="background-color: #F6A600"><a href="index.aspx">首页</a></li>
<li style="background-color: #99C000"><a href="service.aspx">服务介绍</a></li>
<li style="background-color: #43ADE9"><a href="TuiJian.aspx">境外拍摄推荐</a></li>
<li style="background-color: #D70082"><a href="JingDian.aspx">境外摄景点</a></li>
<li style="background-color: #2960B6"><a href="service.aspx">联系我们</a></li>
</ul>
</div>
</form>
</body>
</html>
在VS内用360浏览器,样式虚线border-bottom,border-left不显示,IE9以及火狐正常
把这段代码保存为HTML后,双击本地打开,360浏览器虚线显示正常。求解 --------------------编程问答-------------------- 0.2px
你叫浏览器情何以堪呐?
显示器最小显示单位是1像素,这0.2像素,我估计有的浏览器解析为1px所以它能显示,有的干脆解析成0px,所以就不显示。 --------------------编程问答--------------------
谢谢 --------------------编程问答--------------------
可是改了1还是不行。变成了间距为1px的空白 虚线看不到了,就变成了一条白色实线的边 --------------------编程问答-------------------- 看来这问题还真没什么人知道 --------------------编程问答-------------------- 背景是白的,边框也是白的,当然看不出来,你Ctrl+A全选试试,就看得到虚线边框了。
补充:.NET技术 , ASP.NET