Non sono sicuro che sia possibile in HTML, ma lo chiederei comunque qui:Esiste un codice HTML che visualizza un'ellisse o un rettangolo arrotondato?
Esiste un codice HTML valido per un'ellisse o un rettangolo arrotondato?
Su un altro pensiero, è del tutto possibile! Ci si va:
http://virkkunen.net/b/oh-dear.html
puro HTML! Non usa nemmeno alcun nuovo CSS o JavaScript o whateverscript.
WOW, Matti, è qualcosa !!! Di te molto. – brilliant
Per favore, non in realtà * usare * it ... –
Sì, Tela. Ma è davvero il tag HTML Canvas, abbinato a Javascript. Maggiori informazioni su CANVAS qui http://en.wikipedia.org/wiki/Canvas_element
È piuttosto triste che ci sia voluto così tanto tempo per ottenere una tela! – Pierreten
Non essere un guastafeste, ma non dimentichiamo che questo non funzionerà su IE senza un carico aggiuntivo di JavaScript per l'emulazione tela. –
Se si utilizza HTML e CSS, è possibile farlo. Se non ti dispiace usare CSS specifici per browser, puoi farlo funzionare in Firefox con -moz, Chrome e Safari con -webkit, e IE9 e Opera 10.5 con il materiale CSS 3 che non inizia con un trattino.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
Rounded
</title>
<style type="text/css">
div {
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
border:solid 1px black;
padding:10px;
background-color:#efefef;
}
</style>
</head>
<body>
<div>I'm rounded!</div>
</body>
</html>
Grazie, Chris !!! – brilliant
Nota che IE9 non ha ancora una data di rilascio ancora ... Non credo che fino al 2011 ... –
raggio di confine in CSS3 vi permetterà di fare questo nella maggior parte dei browser (a parte IE .../spiedo). http://www.css3.info/preview/rounded-border/
HTML5 fornisce un tag canvas, che consente di disegnare qualcosa di simile usando Javascript. Ancora una volta, il supporto del browser è ancora in corso.
Probabilmente non sarai mai in grado di fare quello che stai chiedendo in puro HTML, tuttavia.
A partire dal 2010/04/10, solo Opera 10.5 lo farà con CSS3 (e I * think * l'anteprima di IE9). Per Chrome 5.0.371.0, Safari 4.0.5 e FF 3.6.3, è necessario utilizzare le estensioni del fornitore. – Chris
Si potrebbe avvicinarsi a uno di questi utilizzando il trucco trovato here (permette di rendere triangoli di dimensioni arbitrariamente/posizionato proprio utilizzando div)
Un sacco di div con relativamente piccoli confini. Ci vorrebbe molto tempo per codificare tutte le altezze e le larghezze, ma potresti scrivere uno script per generare il codice html per te.
Naturalmente, il modo più semplice e più rapido (in termini di tempo di sviluppo, il tempo necessario per scaricare la pagina, e probabilmente anche il tempo di rendering) soluzione sarebbe quella di usare qualcosa di diverso da HTML puro, come le altre persone qui hanno già suggerito .
Divertente. Tag immagine Lol. – Pierreten