怎么在css中设置边框为透明

本篇文章给大家分享的是有关怎么在css中设置边框为透明，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

创新互联建站从2013年创立，是专业互联网技术服务公司，拥有项目成都网站制作、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元崇明做网站,已为上家服务,为崇明各地企业和个人服务,联系电话:028-86922220

运用RGBA，红色和绿色和蓝色三个百分比都为200，a为参数，可以设置成0到1之间的数字，但是千万不要为负值，语法如下：

.div {
    background: rgba(200,200,200,0.75);
}

接下来，我们给div增加样式，首先先设置上下左右四个边框，同时设置四个边框设置相同高度和宽度，代码如下：

div {
    width: 100px;    
    height:100px;  
    border-top:10px solid  rgba(200,200,200,0.25);  
    border-right:10px solid  rgba(200,200,200,0.5);  
    border-bottom: 10px solid  rgba(200,200,200,0.75);  
    border-left:10px solid  rgba(200,200,200,1);
}

显示效果：

以上就是怎么在css中设置边框为透明，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。

当前名称：怎么在css中设置边框为透明
文章起源：https://www.cdcxhl.com/article12/jgepdc.html

成都网站建设公司_创新互联，为您提供虚拟主机、建站公司、品牌网站制作、网站建设、网站维护、网站营销

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联