Je veux faire un design css comme ceci
--------------------- U ----- |
Je ne pouvais pas dessiner le dessin exact ici. mais la largeur de la forme en U doit être étendue pour s'adapter aux liens. c'est possible?bordure courbe en css
Répondre
Il est difficile de déchiffrer exactement ce que vous recherchez juste à partir de cette description. La démonstration en mode texte n'explique pas vraiment très bien :-)
Cette pourrait peut-être être réalisé en utilisant CSS border-radius
, mais si je l'interprète correctement votre demande, il sonne comme une mise en page complexe tout à fait.
border-radius
ne fait que des coins arrondis - c'est-à-dire les quatre coins d'une boîte. Donc, si vous avez besoin d'une mise en page plus complexe, vous aurez besoin de plusieurs boîtes avec des coins arrondis, positionnés de façon appropriée pour obtenir l'effet désiré.
Vous pouvez peut-être y parvenir avec seulement des coins arrondis sur la boîte de conteneur pour la maison/sur les liens que vous avez mentionnés. Si cela ne vous permet pas d'obtenir ce dont vous avez besoin, il me semble que vous avez besoin d'un graphique plutôt que d'une bordure CSS.
Si le CSS border-radius
fonctionne pour vous, gardez à l'esprit que la fonctionnalité border-radius
n'est pas supportée sur IE. Les bonnes nouvelles sont qu'il ya un hack pour IE appelé CSS3Pie qui corrige cela, de sorte que vous pouvez utiliser border-radius
dans tous les navigateurs.
Espérons que cela fonctionne pour vous.
http://border-radius.com/ CSS Border Rayon Générateur
ceci est pour CSS3 que –
Ok, mais sans images, il n'y a pas d'option non CSS3 pour les coins arrondis – benhowdle89
@Richard et @ benhowdle89 - en fait border-radius peut être fait pour travailler pour * tous * les navigateurs, y compris IE - voir ma réponse. – Spudley
Vous ne pouvez le faire avec CSS3 mais vous pouvez utiliser des choses comme spiffy corners à la place.
CSS3 'border-radius' peut être fait pour fonctionner dans IE. – Spudley
Si vous voulez rester compatible avec les anciens navigateurs, alors vous ne pouvez pas le faire en CSS, vous devrez le faire avec des graphiques. IE 8 et ci-dessous ne le fera pas, pas sûr d'autres navigateurs, mais gardez à l'esprit le rayon de la frontière est tout à fait nouveau.
Je le reprends, Spudley a bien raison. Voir ci-dessous. – Rich
Voici un exemple:
<style type="text/css">
div.test
{
width: 115px;
padding: 10px;
border: 2px solid #000;
border-radius: 15px;
-moz-border-radius: 15px;
}
</style>
<div class="test">This is some text!</div>
- 1. Courbe de propriété CSS de bordure-rayon extérieure
- 2. Courbe de Bézier en CSS?
- 3. Forme de bordure-rayon en CSS?
- 4. CSS bordure en JavaScript
- 5. Hauteur de bordure CSS CSS
- 6. CSS Cercle de bordure
- 7. CSS bordure triangle
- 8. effet de bordure css
- 9. Bordure pleine page | CSS
- 10. Bordure "shadow" HTML/CSS?
- 11. Problème de bordure CSS
- 12. Bordure en L utilisant HTML et CSS
- 13. CSS bordure en pointillés rendre problème
- 14. façon de générer une bordure courbe autour de la table?
- 15. iPhone Quartz courbe jaggy et a la bordure sombre
- 16. Ajustement du style de bordure CSS CSS
- 17. Comment créer cette bordure CSS
- 18. CSS bordure variation avec transparence
- 19. Problème d'angle de bordure CSS
- 20. Css coins arrondis avec bordure
- 21. Styliste Css Création de bordure
- 22. Obtenir une bordure en forme de coeur en utilisant CSS?
- 23. Bordure CSS 50% Bordure transparente sans utiliser d'image transparente
- 24. Courbe de courbe de Lorentz
- 25. Double bordure CSS avec bordure extérieure plus épaisse que la bordure intérieure
- 26. Supprimer la bordure supérieure du premier enfant et bordure inférieure du dernier enfant en CSS
- 27. CSS Seule bordure dans le menu déroulant
- 28. La mise en page CSS saute sans bordure sur div
- 29. CSS: Comment puis-je diviser une bordure en deux lignes?
- 30. Une bordure semi-transparente en CSS - Codage de thème Tumblr
+ 1 pour m'avoir prouvé que je m'étais trompé et en train de m'éduquer. – Rich
Merci spudley, oui je ne veux pas coins arrondis mais je ne sais pas comment – VKGS
Merci spudley, oui je ne veux pas coins arrondis mais je ne sais pas comment
dessiner que ici .. mais ce sera comme ça. La ligne commence de gauche à droite et après avoir atteint les 3/4 de la largeur, il descend en pente douce et strightens .. pouvez-vous imaginer? – VKGS