旗下导航:搜·么
当前位置:网站首页 > HTML > 正文

css能写通明边框吗?css怎样让边框通明【html5教程】

作者:搜搜PHP网发布时间:2019-11-26分类:HTML浏览:131


导读:许多人在制造网站的时刻,有时刻会碰到需要写通明边框,然则许多小白不知道css能写通明边框吗?下面我们来说一下css怎样让边框通明?一:css能写通明边框吗在css中是能...
许多人在制造网站的时刻,有时刻会碰到需要写通明边框,然则许多小白不知道css能写通明边框吗?下面我们来说一下css怎样让边框通明?

一:css能写通明边框吗

在css中是能够写通明边框的,关键是如何写,怎样写?等一些问题,通明也是认为是一种色彩的属性,然则在色彩属性中,是没有这个数值的,然则我们能够应用div去完成通明边框。

二:css怎样让边框通明

应用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);
}

显现结果:

我们能够经由过程对参数的转变的,就能够调解边框的通明度,a的参数越大,就示意色彩越深,a的值为0就显现通明。

以上就是对css能写通明边框吗?css怎样让边框通明的悉数引见,假如你想相识更多有关CSS3教程,请关注ki4网。

以上就是css能写通明边框吗?css怎样让边框通明的细致内容,更多请关注ki4网别的相干文章!

标签:css写透明边框css怎么让边框透明