ホームページ > 記事 > ウェブフロントエンド > CSSで枠線の透明度を設定する方法
CSS では、border-color 属性と RGBA() 関数を使用して境界線の透明度を設定できます。「border-color: rgba (red、green、blue、transparency value)」スタイルを追加するだけです。境界要素。 border-color は境界線の色を設定でき、RGBA() は色の透明度を設定できます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
css は境界線の透明度を設定します
css では、境界線の透明度は border-color 属性と RGBA( ) 関数。
コード例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> div{ border:10px solid; margin: 10px 0; } </style> </head> <body> <div style="border-color: rgba(0,153,0,0.1);">测试文本,透明度0.1</div> <div style="border-color: rgba(0,153,0,0.5);">测试文本,透明度0.5</div> <div style="border-color: rgba(0,153,0,0.8);">测试文本,透明度0.8</div> <div style="border-color: rgba(0,153,0,1.0);">测试文本,透明度1.0</div> </body> </html>
レンダリング:
rgba(R,G,B,A);rgba() の値の紹介:
css ビデオ チュートリアル )
以上がCSSで枠線の透明度を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。