溫馨提示×

css中怎么設置透明

css
小新
177
2021-04-17 14:21:56
欄目: 編程語言

css中設置透明的方法:使用opacity屬性來設置透明度,只需要給div元素設置“opacity:0.5;”樣式即可。

css中怎么設置透明

具體操作步驟:

1.首先創建一個html文件。

2.在html文件中添加html代碼架構。

<!DOCTYPE html>

<html>

    <head>

<meta charset="UTF-8">

        <title>設置透明</title>

    </head>

    <body>

    </body>

</html>

3.然后在html代碼架構中的body標簽里面使用div標簽添加兩個div并使用opacity屬性來設置透明度,從而對比透明度。

<div style="padding:10px;background-color:green;">不透明處理</div>

<div style="padding:10px;background-color:green;opacity:0.5;">透明處理</div>

4.最后可通過瀏覽器方式閱讀html文件查看設置效果。

opacity屬性的語法:

opacity: value|inherit;

value指的是規定不透明度,從0.0(完全透明)到1.0(完全不透明)。

inherit指的是從父元素繼承opacity屬性的值。

完整示例代碼如下:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>設置透明</title>

</head>

<body>

    <div style="padding:10px;background-color:green;">不透明處理</div>

    <div style="padding:10px;background-color:green;opacity:0.5;">透明處理</div>  

</body>

</html>

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女