May 04, 2021 CSS
1. css dotted line implementation method
3. How to use CSS to achieve the dotted underline effect of the link
Many CSS
beginners often use
CSS
dashed styles during front-end development, but don't know how CSS dash styles can be implemented, such as a CSS that says:
border-style:dotted solid double dashed;
The box that comes out is: the top border is dotted, the right border is solid, the bottom border is double, the left border is dashed, if a CSS writes like this: border-bottom:1px dashed #000000; T
he box that comes out is a black underscore with a width of 1 pixel.
CSS on the "line" type is really quite a lot, in which nods are more concerned about the "dotted line implementation method."
none
is not none.
border
the dashed line. T
he following configurations have a CSS height (CSS height) and a CSS width (CSS width) of 350 pixels.
border:1px dashed #000;
Black dotted border
Instance:
hackhome
picker with a 1px four-side border
border-style:dotted solid double dashed;
border-style:dotted solid double;
border-style:dotted solid;
border-style:dotted;
a {
color:#3399FF;
Font-weight: normal; / * font effect is normal to change to bold bold * /
Text-Decoration: none; / * Underline Effect: No Underline * /
}
a:hover {
color:#4499EE;
Text-Decoration: none; / * Underline Effect: No Underline * /
Border-bottom: 1px # 0099cc dotted / * plus a frame border with the lower side is dashed * /
}
A {} control connection effect A: hover {} Controls the effect of the mouse moved.
<hr align=left width=490 color=#990099 SIZE=3 noShade>
<HR align=center width=1 color=red size=100>
<hr size=1 style="color: blue;border-style:dotted;width:490">
<hr size=1 style="COLOR:#ff9999;border-style:double;width:490">