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