Come creare bordi arrotondati su tabelle in Dreamweaver

July 3

Come creare bordi arrotondati su tabelle in Dreamweaver


HyperText Markup Language, meglio conosciuto come HTML, comprende un elemento di "tavolo" che molti siti web utilizzano per organizzare i dati in un formato griglia. Per impostazione predefinita, le tabelle HTML vengono visualizzati con la formattazione rettangolare rigida. Tuttavia, è possibile utilizzare l'applicazione Web design Adobe Dreamweaver per aggiungere una nuova proprietà CSS per il codice HTML che alterare l'aspetto delle tabelle per dare loro gli angoli arrotondati.

istruzione

1 Avviare l'applicazione Adobe Dreamweaver e aprire il file di codice HTML che contiene il tavolo.

2 Fare clic sul pulsante più nella finestra "CSS" sul lato destro dello schermo.

3 Scegliere il pulsante di opzione "Ridefinire HTML" o "Tag" e scegliere "Tabella" dall'elenco a discesa di elementi. Quindi premere "OK."

4 Utilizzare le schede sul lato sinistro della finestra per selezionare un colore di sfondo personalizzato, carattere o la dimensione di confine per il vostro elemento di tabella. Fai clic su "OK" quando hai finito personalizzare l'aspetto di base del tavolo.

5 Scorrere fino alla parte superiore del vostro codice HTML e individuare l'area in cui sono definite le proprietà CSS. Questa sezione dovrebbe iniziare con il tag "<style>".

6 Posizionare il cursore di testo sotto il codice CSS per il tag "tavolo".

7 Premere il tasto "Enter" per aggiungere una nuova riga di codice e digitare "-moz-border-radius: 12px;" nel documento.

8 Salvare il codice HTML e caricarlo sul server Web attivo. Quando si visualizza il codice HTML in un browser Web, il browser visualizzerà le tabelle con gli angoli arrotondati.