border:1px solid #fff 用谷歌控制台看布局为什么只有0.8px阿？而火狐的则直接显示没有？

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.a{
				list-style: none;
				width: 423.2px;
				height: 423.2px;
				position: relative;
				left: 400px;
				top: 100px;
				transition: all 5s ease-in;
				padding: 0px; 
				margin: 0px;
				background-color: #00FFDE;
			}
			.a:hover{
				transform: rotate(1440deg);
			}
			li{
				width: 200px;
				height: 200px;
				border: 1px solid black;
			}
			.a1{
				border-radius: 0px 150px;
				position: absolute;
				left: 0px;
				top: 0px;
			}
			.a2{
				border-radius: 150px 0px;
				position: absolute;
				left: 220px;
				top: 0px;
			}
			.a3{
				border-radius: 150px 0px;
				position: absolute;
				left: 0px;
				top: 220px;
			}
			.a4{
				border-radius: 0px 150px;
				position: absolute;
				left: 220px;
				top: 220px;
			}
		</style>
	</head>
	<body>
		<ul class="a">
			<li class="a1"></li>
			<li class="a2"></li>
			<li class="a3"></li>
			<li class="a4"></li>
		</ul>
	</body>
</html>

侠客岛的含笑

浏览 4531回答 3

3回答

慕粉3815819

并没有问题啊，都显示正常的1px，更新一下浏览器吧

0 0

筱汐

看着还蛮好玩的你是想做血轮眼还是万花筒血轮眼（哈哈）运动方式改成 ease-in-out颜色改成 #ce1126220改成205border-radius 改成200 转起来还真像

0 0

这是一首

我怎么记得写法是solid 1px black.......会有影响么。

0 0

随时随地看视频慕课网APP