【凡哥教程第十一讲作业】制作方格纸（CSS渐变之线性渐变）

雨声 · 发表于 2024-7-31 22:39

花简静发表于 2024-7-31 22:36
教程里都有的。。实际上。。
凡老师的教程里容量很大。
作业只是一小部分

我把凡凡老师的教程都收藏到电脑里的文件夹里了，空了就慢慢学习啃教程

花简静 · 发表于 2024-7-31 22:44

雨声发表于 2024-7-31 22:37
静宝说难，对我们这些小白更加难了

哈哈，代码没问题。
写得方法问题，
分开写清晰，
合起来叫语法糖，简便。

我开始用了语法糖，四边不好个性化设置。

后来全部分开了，老师说可以先合再个性化设置的。

花简静 · 发表于 2024-7-31 22:45

雨声发表于 2024-7-31 22:39
我把凡凡老师的教程都收藏到电脑里的文件夹里了，空了就慢慢学习啃教程 ...

你真厉害。。好办法。

凡哥 · 发表于 2024-7-31 22:57

花简静发表于 2024-7-31 22:28
貌似今天作业简单，得改好几遍

看到最终效果了，挺不错了

花简静 · 发表于 2024-7-31 22:57

凡哥发表于 2024-7-31 19:31 先语法糖，在设置一下厚度

凡哥 · 发表于 2024-7-31 22:57

花简静发表于 2024-7-31 22:27
出来了，有图有真像。
我得先糖再个性化。
一会儿还得改一趟。。

辛苦辛苦

花简静 · 发表于 2024-7-31 22:58

<style>

.box1 {

position: relative;

width: 600px;

height: 360px;

left: calc(50% - 300px);

border: 1px solid blue;

border-width: 1px 0 0 1px;

background:

repeating-linear-gradient(transparent 14px, red 14px 15px, transparent 15px 29px,blue 29px 30px,transparent 0 44px),

repeating-linear-gradient(90deg,transparent 14px, red 14px 15px, transparent 15px 29px,blue 29px 30px,transparent 0 44px);

}

</style>

花简静 · 发表于 2024-7-31 23:00

凡哥发表于 2024-7-31 22:57
看到最终效果了，挺不错了

你这个楼下，我又改了一次
熟练应用是不容易。。

凡哥 · 发表于 2024-7-31 23:01

花简静发表于 2024-7-31 23:00
你这个楼下，我又改了一次
熟练应用是不容易。。

而且时间长了还会忘记

花简静 · 发表于 2024-7-31 23:01

凡哥发表于 2024-7-31 22:57
辛苦辛苦

学习是乐趣，有乐趣的事不辛苦哒

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