iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 19
1

隱藏方框 visibility

這個屬性可以讓方框隱藏,
但原有位置會空下來,
此屬性有兩個值:

visibility:hidden
這個值會將該標籤內容在網頁中隱藏

visibility:visible
這個值會顯示標籤內容

如果不希望在原有標籤位置出現空白,
應該使用display:none(之後文章會說明)

CSS3 圓角、橢圓形

border-radius
這個屬性是用來製作方框的圓角,可使用像素及百分比來控制圓角半徑

例如:
border-radius: 10px;

以上程式碼指定方框四角皆為半徑10px圓角

也可分別指定個別值
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius
border-top-left-radius

也可使用速記法

border-radius: 10px 20px 30px 40px;
順序分別為 左上 右上 右下 左下

利用分別指定單一邊角的設定,也可製作出橢圓形及圓型

參考來源:

書籍:HTML&CSS 網站設計建置優化之道
border-radius


上一篇
第18天:CSS-方框(上)
下一篇
第20天:CSS-項目符號
系列文
我可以修改,所以先亂打30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言