伪元素边框特效演示

南无月

马黑黑 发表于 2024-5-30 21:20
简洁

这个是好听的说法。
实际上就是打了个包

南无月

马黑黑 发表于 2024-5-30 21:20
是的

我背了，背不下来记下了

马黑黑

南无月 发表于 2024-5-30 21:38
我背了，背不下来记下了

没听说过学代码要背的

马黑黑

南无月 发表于 2024-5-30 21:38
这个是好听的说法。
实际上就是打了个包

实际上就是简化写法，所以我说简洁。试比较，如下代码就是设计1像素实线红色边框：

（一）标准写法

border-style: solid;
border-width: 1px;
border-color: red;

（二）语法糖写法：

border: 1px solid red;

南无月

马黑黑 发表于 2024-5-30 21:39
没听说过学代码要背的

记的记的。。不一样么。。都是字母。。

马黑黑

南无月 发表于 2024-5-30 21:43
记的记的。。不一样么。。都是字母。。

是的，而且就这么些字母

南无月

马黑黑 发表于 2024-5-30 21:41
实际上就是简化写法，所以我说简洁。试比较，如下代码就是设计1像素实线红色边框：

（一）标准写法

单独包装跟盒装呗。。
盒装的要对单独包装非常熟练的情况下使用。
对了，这三个顺序可以乱一下的吗？

马黑黑

南无月 发表于 2024-5-30 21:44
单独包装跟盒装呗。。
盒装的要对单独包装非常熟练的情况下使用。
对了，这三个顺序可以乱一下的吗？

CSS不讲究顺序

南无月

马黑黑 发表于 2024-5-30 21:44
是的，而且就这么些字母

中文代码有木有

南无月

马黑黑 发表于 2024-5-30 21:45
CSS不讲究顺序

它还挺宽容的嘛。。好感度加10

马黑黑

南无月 发表于 2024-5-30 21:48
它还挺宽容的嘛。。好感度加10

这是最宽容的语句顺序规定

马黑黑

南无月 发表于 2024-5-30 21:48
中文代码有木有

有，但兼容性不行

南无月

马黑黑 发表于 2024-5-30 21:49
这是最宽容的语句顺序规定

拿个袋子随便扔进去，不用盒子考虑宽高或者还要摆顺序。。

南无月

马黑黑 发表于 2024-5-30 21:49
有，但兼容性不行

真有呀。。还真没见过
中文代码适用于哪些地方

马黑黑

南无月 发表于 2024-5-30 21:51
拿个袋子随便扔进去，不用盒子考虑宽高或者还要摆顺序。。

但习惯上还是有一定的讲究，不过可以不管它

马黑黑

南无月 发表于 2024-5-30 21:52
真有呀。。还真没见过
中文代码适用于哪些地方

CSS就可以，不过仅限于选择器名称：

<style>
#帖子 { width: 200px; height: 100px; border: 2px dotted green; }
</style>

<div id="帖子"></div>

南无月

马黑黑 发表于 2024-5-30 21:59
CSS就可以，不过仅限于选择器名称：

这个妹妹我见过

南无月

马黑黑 发表于 2024-5-30 21:57
但习惯上还是有一定的讲究，不过可以不管它

感觉高手比较讲究。
应该是长期养成一种习惯

红影

马黑黑 发表于 2024-5-30 14:09
样式由好几种的：

dotted ：显示为一系列圆点。标准中没有定义两点之间的间隔大小，视不同实现而定。 ...

原来线条有这么多样式，以前只知道实现和虚线

红影

马黑黑 发表于 2024-5-30 14:10
这是实现效果的原理

这方法十分简洁