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

Example code for implementing the nine-grid layout of dynamic images with CSS

Precondition: content="width=750" <m...

js to achieve simple image drag effect

This article shares the specific code of js to ac...

Java+Tomcat environment deployment and installation process diagram

Next, I will install Java+Tomcat on Centos7. Ther...

Solution to the problem that the number of MySQL connections is limited to 214 in CentOS 7

Find the problem Recently, I encountered a proble...

Reference SVG images in CSS to support dynamic color switching implementation code

When we add an svg image to display, react prompt...

MySQL index coverage example analysis

This article describes MySQL index coverage with ...

Detailed Example of MySQL curdate() Function

MySQL CURDATE Function Introduction If used in a ...

Summary of the data storage structure of the nginx http module

Starting from this section, we will explain the i...

How to implement CSS to display ellipsis when single-line or multi-line text overflows

1. Single row overflow 1. If a single line overfl...

Analyze Mysql transactions and data consistency processing issues

This article analyzes the consistency processing ...

How to create LVM for XFS file system in Ubuntu

Preface lvm (Logical Volume Manager) logical volu...

Vue implements picture verification code when logging in

This article example shares the specific code of ...

How to create and run a Django project in Ubuntu 16.04 under Python 3

Step 1: Create a Django project Open the terminal...

Detailed explanation of writing multiple conditions of CSS: not

The :not pseudo-class selector can filter element...

Detailed explanation of how to introduce custom fonts (font-face) in CSS

Why did I use this? It all started with the makin...