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

零下一度
發布: 2017-07-20 15:12:43
原創
2197 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板