css基本定義 selection 元素屬性 套用樣式
支援CSS3 以上
用法:::selection
說明:
選擇到的套用樣式
css定義:
套用選擇
::selection {
color: blue; 字顏色blue
background: silver; 背景色 silver
}
注意事項:
這個選擇是指,
按住滑鼠右鍵不放,移動滑鼠的選擇效果。
程式:
<!DOCTYPE html>
<html>
<head>
<title>css基本定義 selection 元素屬性 套用樣式</title>
<meta http-equiv="Content-Type" content="text/html; charset=BIG5">
<style type="text/css">
::-moz-selection { /* Code for Firefox */
color: blue;
background: silver;
}
::selection {
color: blue;
background: silver;
}
</style>
</head>
<body>
<p>css基本定義 selection <br> 套用樣式 1</p>
<div>
<p>css基本定義 selection <br> 套用樣式 2</p>
<p>css基本定義 selection <br> 套用樣式 3</p>
</div>
</body>
</html>
圖1:
測試結束~
如果還不了解可參考:w3schools CSS Selector Reference
感謝~
其它文章
沒有留言:
張貼留言