3.18 Abgerundete Ecken mit JavaScript

Problem

Sie wollen Ihre Webseite automatisch mit abgerundeten Ecken versehen, ohne hierfür übermäßig viel zusätzlichen Markup-Code oder Bilder einfügen zu müssen.

Lösung

Verwenden Sie das JavaScript Nifty Corners Cube von Alessandro Fulciniti.

Zu Beginn laden Sie den nötigen Quellcode (eine JavaScript- und eine CSS-Datei) herunter. Die Adresse lautet: http://www.html.it/articoli/niftycube/NiftyCube.zip.

Überspielen Sie die für die Nifty Corners Cube-Lösung nötigen Dateien auf Ihren Webserver, und binden Sie das JavaScript-script-Element mit dem src-Attribut in die gewünschte Seite ein:

<script type="text/javascript" src="/_assets/js/niftycube.js"></script>

Tipp

Entgegen der üblichen Praxis wird die CSS-Datei in dieser ...

Get CSS Kochbuch now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.