楼主: 花简静

[活动] 【凡哥教程第十一讲作业】制作方格纸(CSS渐变之线性渐变)

[复制链接]
发表于 2024-8-2 15:06 | 显示全部楼层
这表格看似简单,其实很难
要完全封口,又不能重叠,是吧?
我是做不到,看见代码就头晕
静静,你们辛苦了。。。
点评
回复

使用道具

发表于 2024-8-2 19:52 | 显示全部楼层
花简静 发表于 2024-8-2 12:46
咖啡说不用谢,为老师效劳很荣幸。

都下肚了还能说话
点评
回复

使用道具

 楼主| 发表于 2024-8-2 20:27 | 显示全部楼层
柒玥 发表于 2024-8-2 13:54
.box1 {
    position: relative;
    width: 600px;

方格纸说明 拷贝.jpg
点评
回复

使用道具

 楼主| 发表于 2024-8-2 20:30 | 显示全部楼层
凡哥 发表于 2024-8-2 19:52
都下肚了还能说话

这是个有灵性的咖啡,肚子里说啥都能知道
点评
回复

使用道具

 楼主| 发表于 2024-8-2 20:36 | 显示全部楼层
令狐冲 发表于 2024-8-2 15:06
这表格看似简单,其实很难
要完全封口,又不能重叠,是吧?
我是做不到,看见代码就头晕

是这意思,你一看就懂了
点评
回复

使用道具

 楼主| 发表于 2024-8-2 20:56 | 显示全部楼层
柒玥 发表于 2024-8-2 13:55
静静给看看咋整的,需要改动哪里

transparent 12px,   (透明12)对
red 12px 13px,        (红线13-12=1)也对
transparent 13px 27px,(透明应该是12,这里就错了,要改。)(正确:把27改为25  25-13=12)
blue 27px 20px,           (蓝线应该是1,这里也错了。)(把27改成25后,设成25 26)
transparent 0 22px),      
(这个透明是0,其实也要是12.它是铺剩下的空间,把它当成12计算总空间:12+1+12+1+12=38)


现在再说另外一个问题:是你设38的话,长600,宽360总有半格出现。格子不完整
最好总数为59,加一条线就刚好60,这样格子都完整。

不然你先用二楼代码试一下,更容易计算。


点评
回复

使用道具

 楼主| 发表于 2024-8-2 21:21 | 显示全部楼层
柒玥 发表于 2024-8-2 13:51 我的天呢,静静我还是弄不懂,这可咋整
<style> .box3 { position: relative; width: 600px; height: 360px; left: calc(50% - 300px); border-color: green; border-style: solid; border-width: 1px 0 0 1px; background: repeating-linear-gradient(transparent 29px, green 29px 30px, transparent 0 59px), repeating-linear-gradient(90deg,transparent 29px, green 29px 30px, transparent 0 59px); } </style> <div class="box3"></div></div>
点评
回复

使用道具

 楼主| 发表于 2024-8-2 21:21 | 显示全部楼层
给柒玥参照一下
点评
回复

使用道具

发表于 2024-8-3 07:48 | 显示全部楼层
花简静 发表于 2024-8-2 20:30
这是个有灵性的咖啡,肚子里说啥都能知道

咖啡虫
点评
回复

使用道具

 楼主| 发表于 2024-8-3 09:44 | 显示全部楼层

啊,下回喝咖啡得看看再下口
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-6-11 04:38

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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