So gestalten Sie CSS3-Links ohne Hände-CSS-Tutorial-php.cn

Inhaltsverzeichnis

So gestalten Sie CSS3-Links ohne Hände.

Heim

Web-Frontend

CSS-Tutorial

So gestalten Sie CSS3-Links ohne Hände

Mar 28, 2022 pm 06:57 PM

css

In CSS können Sie den Stil ohne kleine Hände auf dem Link festlegen. Dieses Attribut wird verwendet, um die Cursorform zu definieren, die verwendet wird, wenn der Mauszeiger innerhalb der Grenze eines Elements platziert wird Auf die Standardeinstellung eingestellt, ist der Mausstil der normale Pfeilstil und die Syntax lautet „cursor:default;“.

So gestalten Sie CSS3-Links ohne Hände

Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.

So gestalten Sie CSS3-Links ohne Hände.

Das Cursor-Attribut definiert die Cursorform, die verwendet wird, wenn der Mauszeiger innerhalb der Grenzen eines Elements platziert wird. Der vom Browser gesetzte Cursor.

Fadenkreuz Der Cursor wird als Fadenkreuz dargestellt.
Zeiger Der Cursor erscheint als Zeiger (eine Hand) und zeigt einen Link an.
move Dieser Cursor zeigt an, dass ein Objekt verschoben werden kann.
e-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach rechts (Osten) verschoben werden kann.
ne-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach rechts (Norden/Osten) verschoben werden kann.
nw-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben und nach links (Norden/Westen) verschoben werden kann.
n-resize Dieser Cursor zeigt an, dass der Rand des rechteckigen Felds nach oben (Norden) verschoben werden kann.

Das Beispiel sieht wie folgt aus:

&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt; 
&lt;title&gt;123&lt;/title&gt; 
&lt;/head&gt;
&lt;body&gt;
&lt;p&gt;请把鼠标移动到单词上，可以看到鼠标指针发生变化：&lt;/p&gt;
&lt;a href=&quot;&quot; style=&quot;cursor:default&quot;&gt;这是一个已经设置完样式的链接&lt;/a&gt;&lt;br&gt;
&lt;a href=&quot;&quot;&gt;这是一个普通链接&lt;/a&gt;
&lt;/body&gt;
&lt;/html&gt;

Nach dem Login kopieren

(Teilen von Lernvideos:

CSS-Video-Tutorial

)

Das obige ist der detaillierte Inhalt vonSo gestalten Sie CSS3-Links ohne Hände. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn