Je ne sais pas si c'est possible du tout en HTML, mais je le demanderais toujours ici:Existe-t-il un code HTML qui afficherait une ellipse ou un rectangle arrondi?
Existe-t-il un code HTML qui représenterait une ellipse ou un rectangle arrondi?
D'un autre avis, c'est tout à fait possible! Là, vous allez:
http://virkkunen.net/b/oh-dear.html
HTML pur! Il n'utilise même pas de nouveaux CSS ou JavaScript ou Whateverscript.
WOW, Matti, c'est quelque chose !!! Que vous beaucoup. – brilliant
Veuillez ne pas * l'utiliser * ... –
Oui, Toile. Mais c'est vraiment la balise HTML Canvas, couplée à Javascript. En savoir plus sur CANVAS ici http://en.wikipedia.org/wiki/Canvas_element
C'est vraiment dommage qu'il ait fallu si longtemps pour avoir une toile! – Pierreten
Ne pas être un trouble-fête, mais n'oublions pas que cela ne fonctionnera pas sur IE sans une charge de JavaScript supplémentaire pour l'émulation de toile. –
Si vous utilisez HTML et CSS, vous pouvez le faire. Si cela ne vous dérange pas d'utiliser CSS spécifique au navigateur, vous pouvez le faire fonctionner dans Firefox avec -moz, Chrome et Safari avec -webkit, et IE9 et Opera 10.5 avec le CSS 3 qui ne commence pas par un trait d'union.
<!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>
Merci, Chris !!! – brilliant
Notez que IE9 n'a même pas encore de date de sortie ... Je suppose que ce n'est qu'en 2011 ... –
rayon de frontière dans CSS3 vous permettra de le faire dans la plupart des navigateurs (en dehors de IE .../broche). http://www.css3.info/preview/rounded-border/
HTML5 fournit une balise de canevas, qui permettra de dessiner quelque chose de similaire en utilisant Javascript. Encore une fois, le support du navigateur est toujours en cours.
Vous ne serez probablement jamais capable de faire ce que vous demandez dans pur HTML, cependant.
A partir du 2010/04/10, seul Opera 10.5 le fera avec CSS3 (et je * pense * l'aperçu IE9). Pour Chrome 5.0.371.0, Safari 4.0.5 et FF 3.6.3, vous devez utiliser les extensions du fournisseur. – Chris
Vous pourriez se rapprocher de l'un de ces en utilisant l'astuce trouvé here (vous permet de rendre arbitrairement taille/positionnés triangles en utilisant divs)
Beaucoup et beaucoup de divs avec des frontières relativement petites. Il faudrait beaucoup de temps pour coder toutes les hauteurs et largeurs, mais vous pourriez écrire un script pour générer le code html pour vous. Bien sûr, le plus simple et le plus rapide (en termes de temps de développement, de temps nécessaire pour télécharger la page, et probablement de temps de rendu) serait d'utiliser autre chose que du HTML pur, comme d'autres l'ont déjà suggéré. .
Hilarant. Balise d'image Lol. – Pierreten