css如何設(shè)置占位隱藏

css
小新
493
2021-04-17 15:41:59

css中設(shè)置占位隱藏的方法：使用visibility屬性來(lái)設(shè)置占位隱藏，語(yǔ)法樣式為“visibility: hidden;”，只需要給元素添加設(shè)置“visibility: hidden;”樣式即可。

css如何設(shè)置占位隱藏

具體操作步驟：

1.首先創(chuàng)建一個(gè)html文件。

2.在html文件中添加html代碼架構(gòu)。

<!DOCTYPE html>
<html>
    <head>
<meta charset="UTF-8">
        <title>占位隱藏</title>
    </head>
    <body>
    </body>
</html>

3.然后在html代碼架構(gòu)中的body標(biāo)簽里面使用span標(biāo)簽添加2段文字內(nèi)容進(jìn)行測(cè)試效果。

<span class="y1">visibility屬性</span>
<span >占位隱藏</span>

4.在html架構(gòu)中的html標(biāo)簽里面添加script標(biāo)簽并使用visibility屬性來(lái)實(shí)現(xiàn)占位隱藏效果。

<style>
    .y1 {
  visibility: hidden;
}
</style>

5.最后可通過瀏覽器方式閱讀html文件查看設(shè)置效果。

完整示例代碼如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>占位隱藏</title>
    <style>
    .y1 {
  visibility: hidden;
}
  </style>
</head>
<body>
    <span class="y1">visibility屬性</span>
    <span >占位隱藏</span>
</body>
</html>


0 踩