Cerca
Generic filters
Frase esatta
Cerca nel titolo
Cerca nel contenuto
Filter by Custom Post Type
Filter by Categorie
Quick Snippets
Guide e Tutorial Joomla
Guide e Tutorial Wordpress
Notizie
Programmazione Web
Trucchi e Guide Apple Mac OS
Filtra per Tags
Seleziona / Seleziona tutti
acf
action
aggiornamento joomla
aggiornamento virtuemart
aggiungere campi
akeeba
amazon s3
amazon web services
angularjs
apache
aruba
autopost
aws
backup
backup buddy
blocksit.js
bootstrap
bordi arrotondati
cache
caching
campi personalizzati
captcha recaptcha
cf7
chronoforms
cloud
compressione file
compressione immagini
conditional fields
contact form 7
countdown
cpt
css
css framework
css3
custom post type
custom registration
data di nascita
debug
disegni
downgrade
draw
ec2
endpoints
ergonet
font awesome
font custom
fontweb
form
front end
ftp
functions.php
funzioni
glyphicons
google
hook
hosting
hosts
html
html5
image optim
javascript
joomla
joomla api
joomla development
joomla festival
joomla lombardia
joomla update
jquery
k2
lightbox
login
mac
mac os
mamp
metabox
mobile friendly
multilingua
mysql
news
ottimizzazione
ottimizzazione immagini
override
password
pdf
php
plugin
qtranslate
redis
registrazione
registrazione utente
responsive
restore
ripristino
roolback
rounded tables
select
seo
server php locale
shortcode
shortpixel
sicurezza
smau
social
spotlight
SSL
system cache
table
template
tooltips
trasferimento sito
trucchi
twitter
ubuntu
uikit
visio alternative
web advisor
widget
widgetkit
windows
woocommerce
wordpress
wordpress api
wp capability
wp user
wp-config.php
wp_query
wug
xampp
yootheme
tabelle arrotondate con css3

Come arrotondare i bordi di una tabella HTML con CSS3 (CSS3 Rounded Tables Borders)

Con il CSS3 si possono creare davvero cose molto carine e di sicuro impatto visivo, per esempio oggi vediamo come creare una tabella con i bordi arrotondati, utilizzando solo il CSS3 senza ricorrere a JQuery.

Iniziamo scrivendo L’HTML che conterrà semplicemente la nostra tabella applicando una classe che per convenzione chiameremo bordered

Tabella con bordi arrotondati - CSS3 rounded Tables

# Titolo Anno
1 Valore 1994
2 Valore 1972
3 Valore 1974

Ora prepariamo il foglio di stile CSS3

Compatibilità con i browsers

google_chrome ie firefox safari opera
5.0
4.0 -webkit-
9.0 4.0
3.0 -moz-
5.0
3.1 -webkit
10.5

La proprietà border-radius è compatibile con i maggiori browser più aggiornati, per avere la compatibilità con versioni di Microsoft Internet Explorer antecedenti alla 9.0, è necessario ricorrere ad un escamotage.

Come rendere il border-radius compatibile su (Internet Explorer) IE8, IE7 e IE6

Se riguardate il CSS che ho scritto sopra, troverete in alcune righe e più precisamente ogni volta che viene richiamata la proprietà border-radius, questa sintassi behavior: url(border-radius.htc); questo è un file che contiene le istruzione per rendere compatibile i bordi arrotondati anche su queste versioni di Internet Explorer, è sufficiente mettere il file border-radius.htc nella stessa cartella in cui risiede il file CSS.

Pin It on Pinterest