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

Comment définir une bordure translucide en CSS ?

黄舟
Libérer: 2017-07-19 11:01:56
original
2090 Les gens l'ont consulté

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

XXX:{
    border: 5px solid rgba(XXX, XXX, XXX, 0.5)
}
Copier après la connexion

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.
Copier après la connexion

Bonjour, vous pouvez essayer d'utiliser

border-style: solid;
border-color: rgba(250,0,255,0.7)
Copier après la connexion

*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!

Étiquettes associées:
css
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal