Shulou(Shulou.com)06/01 Report--

This article mainly explains "how to write css transparent frame". Interested friends may wish to have a look at it. The method introduced in this paper is simple, fast and practical. Now let the editor take you to learn "how to write css transparent frame"!

One: can css write a transparent frame?

In css, you can write transparent borders, the key is how to write, how to write? Transparency is also considered to be a color attribute, but there is no such value in the color attribute, but we can use div to achieve a transparent border.

Second: how to make the frame transparent by css

Using RGBA, red and green and blue as the parameter, the three percentages of red and green and blue can be set to a number between 0 and 1, but never negative. The syntax is as follows:

.div {background:rgba (200recover20050.75);}

Next, we add a style to div. First, set the top and bottom left and right borders, and set four borders to the same height and width. The code is as follows:

Div

{

Width:100px;height:100px

Border-top:10pxsolidrgba (2000.25th)

Border-right:10pxsolidrgba (2007.0,200,200,0.5)

Border-bottom:10pxsolidrgba (2000.75)

Border-left:10pxsolidrgba (200ju 200ju 200jue 1)

}

At this point, I believe you have a deeper understanding of "how to write css transparent frame". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.