设为首页收藏本站
切换到窄版

鱼C论坛

 找回密码
 立即注册
鱼C论坛»论坛 › 编程语言专区 › Web开发 › 不二老师HTML系列教程---无敌小据此
返回列表 发新帖
查看: 3397|回复: 2

[已解决]不二老师HTML系列教程---无敌小据此

[复制链接]
微末非末
发表于 2019-1-3 10:31:45 | 显示全部楼层 |阅读模式

马上注册，结交更多好友，享用更多功能^_^

您需要 登录 才可以下载或查看，没有账号？立即注册

x
帖子传送门

我的代码是这样的:

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>鱼C工作室</title>
  6.     <style type="text/css">
  7.         body{
  8.             background: #9FF;
  9.         }
  10.         header{
  11.             height: 333px;
  12.             width:100%;
  13.             color: #FF0;
  14.             font-size: 55px;
  15.             text-align: center;
  16.             font-family: "Adobe Ming Std";
  17.             background: #000;

  19.             background-image: linear-gradient(45deg,#FFF 25%,transparent 25%),
  20.             linear-gradient(-45deg,#FFF 25%,transparent 25%);
  21.             background-size: 30px 30px;
  22.             background-repeat: repeat-x;
  23.             /* 通过设置background-repeat属性, 使背景图案仅在水平方向重复, 而不是铺满header
  24.             然后设置background-position设置图像起始位置
  25.             因为图案在水平方向为重复, 所以水平方向位置可以随便设置 */
  26.             background-position: 67% 100%;
  27.         }
  28.     </style>
  29. </head>
  30. <body>
  31.     <header>此心光明，不假外求</header>
  32. </body>
  33. </html>
复制代码


问题:

        两个拼凑起来的锯齿中有一条白色的黑线.............，请问该如何解决?

最佳答案
月排行榜 / 总排行榜
不二如是
2019-1-4 10:02:36
1、“小据此”自带喜感

2、修改背景色即可哈：
  1. background-image: linear-gradient(45deg,#9FF 25%,transparent 25%),
  2.             linear-gradient(-45deg,#9FF 25%,transparent 25%);
复制代码

Snip20190104_93.png

效果图

效果图
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

不二如是
发表于 2019-1-4 10:02:36 | 显示全部楼层    本楼为最佳答案   
1、“小据此”自带喜感

2、修改背景色即可哈：
  1. background-image: linear-gradient(45deg,#9FF 25%,transparent 25%),
  2.             linear-gradient(-45deg,#9FF 25%,transparent 25%);
复制代码

Snip20190104_93.png
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

微末非末
 楼主| 发表于 2019-1-4 10:36:25 | 显示全部楼层
不二如是 发表于 2019-1-4 10:02
1、“小据此”自带喜感

2、修改背景色即可哈：

小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-6-8 03:02

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表