Home>Article>Web Front-end> How to achieve rounded corners and concave effect in css

How to achieve rounded corners and concave effect in css

王林
王林 forward
2020-07-14 17:05:43 4766browse

How to achieve rounded corners and concave effect in css

Implementation ideas:

(Recommended tutorial:css quick start)

Two divs side by side, in the second Define a div named item with 2 times the width and height, set border-radius: 50% for the item, and then absolutely position it.

Code implementation:

  Title  

Implementation effect:

How to achieve rounded corners and concave effect in css

The above is the detailed content of How to achieve rounded corners and concave effect in css. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:csdn.net. If there is any infringement, please contact admin@php.cn delete