ホームページ >ウェブフロントエンド >htmlチュートリアル >CSS3 の便利なプロパティ_html/css_WEB-ITnose

CSS3 の便利なプロパティ_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:47:321154ブラウズ

1. Opacity 属性: div 要素の不透明度を設定します。

div{opacity:0.5;}

2. Cursor 属性: 表示するカーソルの種類 (形状) を指定します。

値 th> 説明
url
描述
url

需使用的自定义光标的 URL。

注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。

default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(南)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
使用するカスタム カーソルの URL。
.wait {cursor:pointer;//常用值,手指样式}

注: URL で定義された使用可能なカーソルがない場合に備えて、このリストの最後に通常のカーソルを常に定義します。

デフォルト デフォルトのカーソル (通常は矢印)
auto デフォルト。ブラウザによって設定されたカーソル。
クロスヘア カーソルが十字線として表示されます。
ポインタ カーソルはリンクを示すポインター (手) として表示されます
移動 このカーソルは、オブジェクトが移動できることを示します。
電子サイズ変更 このカーソルは、長方形のボックスの端を右 (東) に移動できることを示します。
サイズ変更 このカーソルは、長方形のボックスの端を上および右 (北/東) に移動できることを示します。
nw-resize このカーソルは、長方形のボックスの端を上と左 (北/西) に移動できることを示します。
n-resize このカーソルは、長方形のボックスの端を上 (北) に移動できることを示します。
サイズ変更 sw-resize s-resize このカーソルは、長方形のボックスの端を下(南)に移動できることを示します。
w-resize このカーソルは、長方形のボックスの端を左 (西) に移動できることを示します。
テキスト このカーソルはテキストを示します。
待ちます このカーソルは、プログラムがビジー状態であることを示します (通常は時計または砂時計)。
ヘルプ このカーソルは、利用可能なヘルプ (通常は疑問符またはバルーン) を示します。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。