Home  >  Article  >  Web Front-end  >  What to do if css borderradius doesn’t work

What to do if css borderradius doesn’t work

藏色散人
藏色散人Original
2020-12-09 09:36:1910772browse

Solution to css borderradius not working: 1. Set "border:none;" to remove the border; 2. Set the "border-radius:40px;" attribute; 3. Use "box-shadow: 0px 0px 5px #ccc" to set the border.

What to do if css borderradius doesn’t work

The operating environment of this tutorial: Windows 7 system, css3 version, Dell G3 computer.

Recommendation: "css video tutorial"

Using border-radius is invalid, you can see that the background is still square and the border becomes rounded.

Solution:

1. Set border: none; remove the border;

2. Set border-radius:40px; if the browser is compatible To solve the problem, you can add compatible css code;

3. Finally, use box-shadow: 0px 0px 5px #ccc; Use this feature to set the border.

The above is the detailed content of What to do if css borderradius doesn’t work. For more information, please follow other related articles on the PHP Chinese website!

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