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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.