How to implement rounded corners with CSS3 using JS

How to implement rounded corners with CSS3 using JS
I found an example when I was looking for a way to achieve rounded corners with CSS3 in IE. I haven't tested it yet, so I don't know how it works. If you're interested, you can try it yourself:
Copy code
The code is as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>Online Demo - LHGCALENDAR</title> <script type="text/javascript" src="http://www.qiuzhiquan.com/images/DD_roundies_min.js"></script> <script type="text/javascript"> DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);DD_roundies.addRule('.websjy2', '5px', true);DD_roundies.addRule('.websjy3', '1000px', true); </script> <body> <h3>Effect 1</h3> <div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#66FFFF; margin-bottom:10px;" class="websjy1">32423</div> <h3>Effect 2</h3> <div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#EEE; margin-bottom:10px;" class="websjy2">32423</div> <h3>Effect 3</h3> <div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#ff0000; margin-bottom:10px;" class="websjy3">32423</div> </body> </html>
Preview effect: http://www.websjy.com/club/websjy_index/53/

<<:  Functions in TypeScript

>>:  Summary of methods to include file contents in HTML files

Recommend

Implementation of Docker container state conversion

A docker container state transition diagram Secon...

Detailed steps to install MySQL 5.7 via YUM on CentOS7

1. Go to the location where you want to store the...

How to use DQL commands to query data in MySQL

In this article, the blogger will take you to lea...

Nginx improves access speed based on gzip compression

1. Why does nginx use gzip? 1. The role of compre...

Complete steps to build a squid proxy server in linux

Preface This article mainly introduces the releva...

How to enable JMX monitoring through Tomcat

Build a simulation environment: Operating system:...

A Brief Analysis on the Time Carrying Problem of MySQL

The default time type (datetime and timestamp) in...

HTML small tag usage tips

Phrase elements such as <em></em> can ...

More than 100 lines of code to implement react drag hooks

Preface The source code is only more than 100 lin...

How to use MyCat to implement MySQL master-slave read-write separation in Linux

Table of contents Linux-Use MyCat to implement My...

How to use Docker plugin to remotely deploy projects to cloud servers in IDEA

1. Open port 2375 Edit docker.service vim /lib/sy...