返回列表 发新帖

CSS大佬来

[复制链接]

5

主题

412

帖子

1071

积分

高中生

Rank: 4

金币
215
好评
0
贡献
0
发表于 2020-7-8 18:58:16 来自手机  | 显示全部楼层 | 阅读模式
这个代码运行后,会画一个三角形,请问原理是什么?transparent又是什么属性?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

10

主题

457

帖子

1350

积分

高中生

Rank: 4

金币
71
好评
11
贡献
0
发表于 2020-7-8 20:43:42 来自手机  | 显示全部楼层
盲猜这代码有问题。高度和宽度都是0居然还能显示出来?属性中只设置了边框的属性,居然可以显示成三角形,我对这段代码持怀疑态度,不知道楼下怎么说?
回复

使用道具 举报

28

主题

2432

帖子

5863

积分

硕士生

Rank: 6Rank: 6

金币
1204
好评
15
贡献
0

考神MT论坛最佳新人MT论坛帅哥

QQ
发表于 2020-7-8 20:52:23 来自手机  | 显示全部楼层
跟楼上想法一样
回复

使用道具 举报

5

主题

412

帖子

1071

积分

高中生

Rank: 4

金币
215
好评
0
贡献
0
发表于 2020-7-8 21:00:52 来自手机  | 显示全部楼层
万里星河 发表于 2020-7-8 20:43
盲猜这代码有问题。高度和宽度都是0居然还能显示出来?属性中只设置了边框的属性,居然可以显示成三角形, ...

高度和宽度可以设置为0,border是边框
回复

使用道具 举报

140

主题

3029

帖子

9509

积分

硕士生

水神

Rank: 6Rank: 6

金币
3979
好评
134
贡献
2

考神MT论坛最佳新人MT论坛活跃会员MT论坛灌水老大MT论坛帅哥

QQ
发表于 2020-7-8 21:03:56 来自手机  | 显示全部楼层
本帖最后由 涛之雨 于 2020-7-8 21:07 编辑

因为宽度设的很宽,所以填充成一个三角形
https://www.runoob.com/cssref/pr-border-left.html
border-left介绍

transparent是透明属性
类似于rgba(0,0,0,0)
回复

使用道具 举报

5

主题

412

帖子

1071

积分

高中生

Rank: 4

金币
215
好评
0
贡献
0
发表于 2020-7-8 21:13:42 来自手机  | 显示全部楼层
涛之雨 发表于 2020-7-8 21:03
因为宽度设的很宽,所以填充成一个三角形
https://www.runoob.com/cssref/pr-border-left.html
border-left ...

这个思路是不是把上下左右边框设置成100px 透明
然后再把左边边框 设置为红色,形成三角形
回复

使用道具 举报

140

主题

3029

帖子

9509

积分

硕士生

水神

Rank: 6Rank: 6

金币
3979
好评
134
贡献
2

考神MT论坛最佳新人MT论坛活跃会员MT论坛灌水老大MT论坛帅哥

QQ
发表于 2020-7-8 21:14:55 来自手机  | 显示全部楼层
李whwj 发表于 2020-7-8 21:13
这个思路是不是把上下左右边框设置成100px 透明
然后再把左边边框 设置为红色,形成三角形 ...

嗯你可以div里面加文字试试,或是改一下宽度
回复

使用道具 举报

140

主题

3029

帖子

9509

积分

硕士生

水神

Rank: 6Rank: 6

金币
3979
好评
134
贡献
2

考神MT论坛最佳新人MT论坛活跃会员MT论坛灌水老大MT论坛帅哥

QQ
发表于 2020-7-8 21:15:47 来自手机  | 显示全部楼层
用电脑看一下元素就更清除了
回复

使用道具 举报

5

主题

412

帖子

1071

积分

高中生

Rank: 4

金币
215
好评
0
贡献
0
发表于 2020-7-8 21:17:39 来自手机  | 显示全部楼层
涛之雨 发表于 2020-7-8 21:15
用电脑看一下元素就更清除了

懂了,谢谢
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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