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

Ausführliches Installationstutorial für MySQL Installer Community 5.7.16

Dieser Artikel zeichnet das ausführliche Tutorial...

Vue implementiert ein einfaches Einkaufswagenbeispiel

In diesem Artikel wird der spezifische Code von V...

Analysieren Sie den Unterschied zwischen den Methoden querySelector und getElementById in JavaScript

Inhaltsverzeichnis 1. Übersicht 1.1 Verwendung vo...

MySQL-Serie 9 MySQL-Abfrage-Cache und -Index

Inhaltsverzeichnis Tutorial-Reihe 1. MySQL-Archit...

So implementieren Sie https mit Nginx und OpenSSL

Wenn die Serverdaten nicht verschlüsselt und mit ...

Verwenden Sie Javascript, um eine dynamische QQ-Registrierungsseite zu erstellen

Inhaltsverzeichnis 1. Einleitung 1. Grundlayout 2...

HTML + CSS + JS realisiert, dass die Leinwand dem Quellcode für Spezialeffekte des kleinen Kreises der Maus folgt

Wirkung (Quellcode am Ende): erreichen: 1. Tags d...

Webdesign-Prinzipien für Hyperlinks

<br />Verwandte Artikel: 9 praktische Tipps ...

Linux-Systemaufrufe für Betriebsdateien

Inhaltsverzeichnis 1. Öffnen Sie die Datei Parame...

Zusammenfassung der Lösung des Yum-Fehlerproblems nach dem Upgrade von Python auf 3.6.6 unter CentOS 7

Ich habe vor Kurzem ein Testserver-Betriebssystem...

Verwenden Sie eine DIV-Maske, um das Problem zu lösen, dass das direkte Aktivieren des Kontrollkästchens mit der Maus ungültig ist

Während des Front-End-Entwicklungsprozesses trat e...

Vue verwendet v-model, um den gesamten Prozess der El-Paginierungskomponenten zu kapseln

Verwenden Sie v-model, um das Paging-Informations...

Tutorial zur Verwendung von Docker Compose zum Erstellen von Confluence

Dieser Artikel verwendet die Lizenzvereinbarung „...

Was Sie beim Schreiben selbstschließender XHTML-Tags beachten sollten

Das img-Tag in XHTML ist ein sogenanntes selbstsc...

Konfigurationsmethode für das Nginx-Anforderungslimit

Nginx ist ein leistungsstarker, leistungsstarker ...