Abgerundete Kanten für Tabellen in Dreamweaver erstellen

HyperText Markup Language, besser bekannt als HTML enthält eine "Tabelle"-Element, das viele Websites verwenden, um Daten in einem Raster-Format zu organisieren. Standardmäßig werden diese HTML-Tabellen mit starren Rechteck Formatierung angezeigt. Adobe Dreamweaver-Web-Design-Anwendung können Sie jedoch fügen Sie eine neue CSS-Eigenschaft auf Ihren HTML-Code, der die Darstellung Ihrer Tabellen geben ändern wird abgerundete Ecken.

Anweisungen

1 Starten Sie das Programm Adobe Dreamweaver und öffnen Sie die HTML-Code-Datei, die Ihre Tabelle enthält.

2 Klicken Sie auf die plus-Taste im Fenster "CSS" auf der rechten Seite des Bildschirms.

3 Wählen Sie die Optionsschaltfläche "Umdefinieren HTML" oder "Tag" und wählen Sie "Tabelle" aus der Dropdown-Liste der Elemente. Drücken Sie "OK".

4 Verwenden Sie die Registerkarten auf der linken Seite des Fensters, um einen benutzerdefinierten Hintergrund Farbe, Schriftart oder Grenze Größe für Ihren Table-Element auszuwählen. Klicken Sie auf "OK", wenn Sie fertig sind grundlegende Darstellung der Tabelle anpassen.

5 Blättern Sie an den Anfang Ihres HTML-Codes und suchen Sie den Bereich, wo Ihr CSS-Eigenschaften definiert sind. Dieser Abschnitt sollte mit dem Tag "< Stil >" beginnen.

6 Platzieren Sie den Textcursor unterhalb der CSS-Code für das Tag "Tabelle".

7 Drücken Sie "Enter" den Code und geben eine neue Zeile hinzu "- Moz - Border-Radius: 12px;" in das Dokument.

8 Speichern Sie den HTML-Code und Ihre aktiven Web-Server hochladen. Wenn Sie den HTML-Code in einem Webbrowser anzeigen, zeigt der Browser Ihre Tabellen mit abgerundeten Ecken.