How to achieve border Miracle style less than one Pixel

This article introduces the knowledge of "how to achieve the border miracle style of less than one pixel". In the operation of practical cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The border-less-than-one.png above is a picture with a height of 20px and only a high 1px line.

Set her as the background, put it at the bottom of the container, and compress the height.

The code is as follows:

Background:url ('.. / images/border-less-than-one.png') repeat-x

Background-size:auto 10px

Background-position: 0 bottom

Background-color:#ffffff

A miracle happened. Border that is smaller than 1px.

This is the end of the content of "how to achieve border Miracle style less than one Pixel". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!