iT邦幫忙

2021 iThome 鐵人賽

DAY 22
0

今天介紹visibility的兩個屬性:visible和hidden
visibility只控制物件是否顯示,無法改變位置,但仍然會保留空間
css設定

        .box1, .box2, .box3{
            height: 300px;
            width:300px;
            color: white;
            font-size: 30px;
            display: inline-block;
        }

visible

        .box2{
            visibility: visible;
        }

https://ithelp.ithome.com.tw/upload/images/20210922/201400865TEZ4FAobj.jpg

hidden

        .box2{
            visibility: hidden;
        }

https://ithelp.ithome.com.tw/upload/images/20210922/20140086IsrP6OU490.jpg


上一篇
css position
下一篇
css opacity
系列文
html與css粗淺新手入門教學30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言