css-border-radius-rule
RUN
<!DOCTYPE html> <html> <head> <style> #r4 { border-radius: 15px 70px 20px 5px; background: red; padding: 20px; width: 300px; height: 50px; color: yellow; } #r3 { border-radius: 35px 70px 30px; background: red; padding: 20px; width: 300px; height: 50px; color: yellow; } #r2 { border-radius: 15px 50px; background: red; padding: 20px; width: 300px; height: 50px; color: yellow; } #r1 { border-radius: 45px; background: red; padding: 20px; width: 300px; height: 50px; color: yellow; } </style> </head> <body> <p id="r1">border-radius: 45px;</p> <p id="r2"> border-radius: 15px 50px;</p> <p id="r3">border-radius: 35px 70px 30px;</p> <p id="r4">border-radius: 15px 70px 20px 5px;</p> </body> </html>
PHÓNG TO