Copy a webpage with div + css

Let's take a look at the page effect first. I got it out of the night. There are many unfamiliar points in the middle. Let me list them.
Insert picture description here

1. Making small icons for web page titles

Insert picture description here
As shown in the figure, the setting method is:

<link rel="icon" type="text/css" href="img/yellow.ico" />

You need to first select an icon type picture (there is a website for generating icons online on the Internet, such as: generating icons online ). The
previous part is a fixed wording: link rel = "icon" type = "text / css" (where type = " text / css "can be omitted)
href followed by the relative position
of the picture yellow.ico is my picture name

2. Hyperlink remove underline

Insert picture description here
Generally, when we define a hyperlink, the field will be underlined, and many webpage hyperlinks are not underlined. The removal method is:
design the style in CSS

a{
text-decoration : none;
}

To remove the underline

3. There will be changes when the mouse floats

If the color changes when the mouse is placed
Insert picture description here

Insert picture description here
The implementation method is:
You can define the button as a div, and define it as a hyperlink (click to realize the page jump) When the
mouse is hovering over the button, the color changes

a:hover{
	background-color:blue;
}
Published 20 original articles · Liked4 · Visits 837

Guess you like

Origin blog.csdn.net/weixin_43986850/article/details/102596617