## 不占位隱藏
~~~
div{
/* 除了none是隱藏效果，其他都是顯示 */
display: none;
}
~~~
<br>
## 占位隱藏
~~~
div{
/* 隱藏 */
visibility: hidden;
/* 顯示 */
visibility:visible;
}
~~~
<br>
## 整個元素透明
~~~
div{
background-color: blue;
color:white;
/* 設置透明度，0是透明，1是不透明，0和1之間就是半透明 */
opacity: 0.1;
}
~~~
<br>
## 顏色透明
~~~
div{
/*設置顏色的透明度 r就是紅色 g就是綠色 b就是藍色 這就是三原色 然后a就是 alpha 透明度，0是透明，1是不透明，0和1之間就是半透明 */
background-color: rgba(30, 77, 179, 0.1);
}
~~~
- 01-青銅-HTML5+CSS3網頁開發
- 01-代碼初識
- 01-前端開發工程師
- 02-前端開發環境與軟件
- 03-什么是語言
- 04-頁面結構
- 05-常用標簽
- 06-樣式表
- 07-常見樣式與選擇器
- 01-高寬+邊框
- 02-練習
- 03-背景
- 04-練習
- 05-文字與文本
- 06-選擇器
- 07-練習
- 08-標簽類型
- 09-盒子模型
- 01-內邊距
- 02-計算方法
- 03-外邊距
- 04-盒子模型計算方式切換
- 05-overflow
- 06-練習
- 10-超鏈接
- 11-練習
- 02-css基礎2
- 01-選擇器優先級
- 02-標簽樣式初始化
- 03-一個標簽多個類
- 04-指針樣式
- 05-編碼規范
- 06-練習
- 03-浮動
- 01-練習
- 04-定位
- 01-練習
- 05-其他樣式
- 01-透明與隱藏
- 02-其他
- 03-練習
- 06-表格與表單
- 01-表格
- 02-表單
- 07-PC端整站開發
- 08-移動端開發與適配
- 09-響應式
- 10-git
- 01-html+css(做頁面)
- 前端打怪之路