Maison  >  Article  >  interface Web  >  Comment définir une bordure translucide en CSS ?

Comment définir une bordure translucide en CSS ?

黄舟
黄舟original
2017-07-19 11:01:562019parcourir

Vous pouvez vous référer à mon code ci-dessous :

XXX:{
    border: 5px solid rgba(XXX, XXX, XXX, 0.5)
}

Le premier XXX est l'élément que vous choisissez qui doit être translucide
Le XXX suivant est ce que vous voulez. la couleur que vous souhaitez translucide
peut être rendue translucide en réglant la transparence sur 0,5.

.transparent{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

filter:alpha(opacity=50):这个是为IE6设的,可取值在0-100,其它三个0到1.
-moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
-khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。
opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.

Bonjour, vous pouvez essayer d'utiliser

border-style: solid;
border-color: rgba(250,0,255,0.7)

*Remarque : rgba correspond aux valeurs rouge, vert, bleu et transparent respectivement, où l'intervalle RVB est La transparence, une plage va de 0 (noir pur) à 255 (couleur pure) de 0 (complètement transparent) à 1 opaque

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn