不二老师HTML系列教程---无敌小据此
帖子传送门我的代码是这样的:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鱼C工作室</title>
<style type="text/css">
body{
background: #9FF;
}
header{
height: 333px;
width:100%;
color: #FF0;
font-size: 55px;
text-align: center;
font-family: "Adobe Ming Std";
background: #000;
background-image: linear-gradient(45deg,#FFF 25%,transparent 25%),
linear-gradient(-45deg,#FFF 25%,transparent 25%);
background-size: 30px 30px;
background-repeat: repeat-x;
/* 通过设置background-repeat属性, 使背景图案仅在水平方向重复, 而不是铺满header
然后设置background-position设置图像起始位置
因为图案在水平方向为重复, 所以水平方向位置可以随便设置 */
background-position: 67% 100%;
}
</style>
</head>
<body>
<header>此心光明,不假外求</header>
</body>
</html>
问题:
两个拼凑起来的锯齿中有一条白色的黑线.............,请问该如何解决?
1、“小据此”自带喜感
2、修改背景色即可哈:
background-image: linear-gradient(45deg,#9FF 25%,transparent 25%),
linear-gradient(-45deg,#9FF 25%,transparent 25%);
不二如是 发表于 2019-1-4 10:02
1、“小据此”自带喜感
2、修改背景色即可哈:
{:10_266:}
页:
[1]