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

Die Breite der Tabellenzelle td ist ungültig und der interne Inhalt dehnt sie immer aus

Beim Erstellen einer Tabellenseite ist die für td ...

So erhalten und verwenden Sie die Zeit im Linux-System

Es gibt zwei Arten von Linux-Systemzeiten. (1) Ka...

Analyse der Ideen zur Implementierung vertikaler Tabellen auf zwei Arten im Vue-Projekt

Problembeschreibung In unseren Projekten sind hor...

Grundlegendes zur CSS-Eigenschaft „transform-origin“

Vorwort Ich habe vor kurzem eine Feuerwerksanimat...

Analysieren der häufig verwendeten v-Anweisungen in vue.js

Inhaltsverzeichnis Erklärung des V-Texts bei „if“...

Lösung für das Problem, dass Xshell keine Verbindung zur virtuellen VirtualBox-Maschine herstellen kann

Lassen Sie uns zunächst den Netzwerkeinstellungsm...

Beispiel zum Referenzieren von Umgebungsvariablen in Docker Compose

In einem Projekt müssen Sie häufig Umgebungsvaria...

So implementieren Sie Eingabe-Checkboxen zur Erweiterung der Klickreichweite

XML/HTML-CodeInhalt in die Zwischenablage kopiere...

Ausführliche Erläuterung der InnoDB-Sperren in der MySQL-Technologie

Inhaltsverzeichnis Vorwort 1. Was ist ein Schloss...

Methode der Toolbibliothek zur Generierung von Vue-Komponentendokumenten

Inhaltsverzeichnis Analysieren von VUE-Dateien Do...

Eine kurze Erläuterung der richtigen Vorgehensweise bei der Wiederherstellung von MySQL-Tabellenbereichen

Inhaltsverzeichnis Vorbemerkungen Reproduktion de...

Schritte zum Anpassen der Knoteninstallation, um den Standardinstallationspfad globaler NPM-Module zu ändern

Ich habe Node auf dem Laufwerk D installiert und ...

Implementierung der Installation und Deinstallation von CUDA und CUDNN in Ubuntu

Inhaltsverzeichnis Vorwort Installieren des Grafi...

Beispiel für die Implementierung einer virtuellen Liste im WeChat Mini-Programm

Inhaltsverzeichnis Vorwort analysieren Erste Rend...

Eine kurze Analyse der Konfigurationselemente des Angular CLI-Releasepfads

Vorwort Bei der Projektfreigabe ist immer eine Ve...