背景顏色設定成透明實例教程-html教學-PHP中文網

背景顏色設定成透明實例教程

零下一度

發布： 2017-07-20 15:12:43

原創

2146 人瀏覽過

1.小三角，透過給一個div設置足夠大的邊框，讓它的上邊框，右邊框，左邊框，的背景顏色設置成透明的，來實現，如下：

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#demo {
				width: 0;
				height: 0;
				/*边框的宽20px*/
				border-width: 20px;
				/*边框样式,实线*/
				border-style: solid;
				/*边框颜色*/
				border-color: transparent transparent red transparent;
			}
		</style>
	</head>

	<body>
		<!--小三角，transparent透明的，-->
	
		<div id="demo">
			
		</div>
	</body>

</html>

登入後複製

　　2.a標籤的行動端問題：

　　 1》當再點選a標籤的時候，它會有預設的背景顏色，解決方法

　　　　 #1 -webkit-tap-highlight-color:transparent;

　　　2》點擊時可能會出現下劃線，解決方法

1 text-decoration: none; //或者2 3          border: none；//或者4 5          outline:none;

登入後複製

　　　　3>當滑鼠放上去時顯出下劃線，解決方法；

a:hover{
    
text-decoration:none;
}

登入後複製

　　a標籤就是一個行內標籤，如果

rrreee

　　a標籤是一個行內標籤，如果###設定它的寬高或多個樣式可透過display：block;將其變成區塊級標籤。 ######　　　　#####

以上是背景顏色設定成透明實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

背景顏色設定成透明實例教程