CSS编写下拉框对应的小三角

最新推荐文章于 2024-07-01 09:43:15 发布

Kratial

最新推荐文章于 2024-07-01 09:43:15 发布

阅读量4.1k

点赞数

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Kratial/article/details/81865099

版权

昨天在看一个网站的源码时看到了一个编写下拉框对应的那个小三角的一个写法，是自己之前没有接触过的，在这里记录一下：

<style>
i{
    display:block;
    width:0;
    height:0;
    border-top:5px solid red;
    border-left:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:0;
}
</style>
</head>
<body>

     <i></i>
</body>

结果是这样的：
这里写图片描述

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
CSS编写下拉框对应的小三角

昨天在看一个网站的源码时看到了一个编写下拉框对应的那个小三角的一个写法，是自己之前没有接触过的，在这里记录一下：&lt;style&gt;i{ display:block; width:0; height:0; border-top:5px solid red; border-left:4px solid transparent; border...
复制链接

扫一扫

Kratial CSDN认证博客专家 CSDN认证企业博客

码龄7年

138: 原创

5万+: 周排名

3万+: 总排名

20万+: 访问

: 等级

2451: 积分

61: 粉丝

119: 获赞

30: 评论

201: 收藏

私信

关注

热门文章

分类专栏

最新评论

app内部嵌套的h5,document.title设置title在ios中无效
明城小烧�: 我用着不好使
深度拷贝函数的实现
Kratial: 确实我的写的有点复杂了，这样更加简洁 <script> function deepClone(obj = {}) { if (obj == null || typeof obj !== 'object') { return obj; } let result; if (obj instanceof Array) { result = []; } else { result = {}; } for (let key in obj) { result[key] = deepClone(obj[key]) } return result; } </script>
深度拷贝函数的实现
Garbrielle: function deepCopy(newObj,oldObj){ for(var k in oldObj){ let item=oldObj[k] //判断是数组？对象？简单类型？ if(item instanceof Array){ newObj[k]=[] deepCopy(newObj[k],item) }else if(item instanceof Object){ newObj[k]={} deepCopy(newObj[k],item) }else{ //简单数据类型，直接赋值 newObj[k]=item } } }
深度拷贝函数的实现
Garbrielle: function deepClone(obj = {}) { if (obj == null || typeof obj !== 'object') { return obj; } let result; if (obj instanceof Array) { result = []; } else { result = {}; } for (let key in obj) { if (obj.hasOwnProperty(key)) { result[key] = deepClone(obj[key]) } } return result; }
h5中使用微信分享
半路猿猴: 如果没有服务公众号可以跳转吗

大家在看

【漏洞复现】华三 H3C IMC 智能管理中心 /byod/index.xhtml RCE 620

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。