Home >Web Front-end >HTML Tutorial >There is a picture on the right side of the hyperlink text. Was it put together using CSS? _html/css_WEB-ITnose

There is a picture on the right side of the hyperlink text. Was it put together using CSS? _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-06-24 12:24:15897browse



There is a picture on the right side of the hyperlink text. Is it put together using CSS?

How should I write it? Thank you


Reply to the discussion (solution)

You can append a DIV after the hyperlink, containing the image inside, and then control the LEFT and TOP of the image. POSITION can use relative position

.position {    position: relative;    left: 0px;    top: 0px}

You can append a DIV after the hyperlink, containing the image inside, and then control the LEFT and TOP of the image. POSITION can use relative position

.position {    position: relative;    left: 0px;    top: 0px}


The image is as clickable as the hyperlink. I think they are integrated into one

There are actually several ways to do this:
1. Put the hyperlink and the picture in the same DIV, and set the mouse style of the DIV to a hand shape and add a CLICK event
2. IMG set the mouse style to a hand shape and add a CLICK event

LZ can Choose one of the two

There are actually several ways:
1. Put the hyperlink and the picture in the same DIV, and set the mouse style of the DIV to hand type and add a CLICK event
2. IMG Set the mouse style to hand type and add the CLICK event

LZ can choose one of the two
I directly use css background

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn