So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS

So implementieren Sie abgerundete Ecken mit CSS3 unter Verwendung von JS 
Ich bin auf ein Beispiel gestoßen, als ich nach einer Möglichkeit gesucht habe, mit CSS3 im IE abgerundete Ecken zu erzielen. Ich habe es noch nicht getestet und weiß daher nicht, wie es funktioniert. Wenn Sie interessiert sind, können Sie es selbst ausprobieren:
 Code kopieren
 Der Code lautet wie folgt:
 <!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>
<Skripttyp="text/javascript">
DD_roundies.addRule('.websjy1', '5px 20px 3px 10px', true);DD_roundies.addRule('.websjy2', '5px', true);DD_roundies.addRule('.websjy3', '1000px', true);
</Skript>
<Text>
<h3>Effekt 1</h3>
<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#66FFFF; margin-bottom:10px;" class="websjy1">32423</div>
<h3>Effekt 2</h3>
<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#EEE; margin-bottom:10px;" class="websjy2">32423</div>
<h3>Effekt 3</h3>
<div style="border:1px solid #CCCCCC; width:200px; height:200px; background:#ff0000; margin-bottom:10px;" class="websjy3">32423</div>
</body>
</html>
 Vorschaueffekt: http://www.websjy.com/club/websjy_index/53/

<<:  Detailliertes Tutorial zum Erstellen eines ETCD-Clusters für Docker-Mikroservices

>>:  Zusammenfassung der Methoden zum Einbinden von Dateiinhalten in HTML-Dateien

Artikel empfehlen

Ein kurzer Vortrag über die parasitäre Kompositionsvererbung in JavaScript

Vererbung von Kompositionen Kombinationsvererbung...

Docker-Compose-Installation DB2-Datenbankbetrieb

Es ist mühsam, die db2-Datenbank direkt auf dem H...

So machen Sie React-Komponenten im Vollbildmodus

einführen Dieser Artikel basiert auf React + antd...

Front-End-Statusverwaltung (Teil 1)

Inhaltsverzeichnis 1. Was ist Front-End-Statusver...

JavaScript-Canvas zum Erzielen von Regentropfeneffekten

In diesem Artikelbeispiel wird der spezifische Co...

Wann sollte man Map anstelle einfacher JS-Objekte verwenden?

Inhaltsverzeichnis 1. Map akzeptiert jeden Schlüs...

Zusammenfassung der JS-Tipps zum Erstellen oder Füllen von Arrays beliebiger Länge

Inhaltsverzeichnis Vorwort Direktfüllmethode für ...

Lösung für Nginx, das nicht zur Upstream-Adresse springt

Vorwort Heute bin ich in Nginx auf ein sehr selts...

Detaillierte Erklärung des Explain-Typs in MySQL

Einführung: In vielen Fällen denken viele Leute, ...

MySQL-Platzhalter (erweiterte SQL-Filterung)

Inhaltsverzeichnis Lassen Sie uns zunächst kurz P...

Springboot+VUE zur Realisierung von Anmeldung und Registrierung

In diesem Artikelbeispiel wird der spezifische Co...

Zusammenfassung der Berechtigungsprobleme bei gespeicherten MySQL-Prozeduren

Ja, gespeicherte MySQL-Prozeduren scheinen sehr s...

CentOS 7.9 Installations- und Konfigurationsprozess von zabbix5.0.14

Inhaltsverzeichnis 1. Grundlegende Umgebungskonfi...

So installieren Sie Redis in Docke

1. Suchen Sie nach einem Redis-Image Docker-Suche...

Lösung für den ineffektiven Rand von in HTML verschachtelten Divs

Hier ist eine Lösung für das Problem, dass der Ra...