ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで半透明の枠線を設定するにはどうすればよいですか?

CSSで半透明の枠線を設定するにはどうすればよいですか?

黄舟
黄舟オリジナル
2017-07-19 11:01:562019ブラウズ

以下の私のコードを参照してください:

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

最初の XXX は、半透明にする必要がある選択した要素です
次の XXX は、半透明にしたい色です
透明度を 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.

こんにちは、

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

を使ってみてください*注: rgba はそれぞれ赤、緑、青、透明度の値に対応し、rgb 間隔は 0 (純粋な黒) ~ 255 (純粋な色) です。透明度 a 間隔は 0 (完全に透明) ) から 1 不透明です

以上がCSSで半透明の枠線を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。