[CSS] Afficher juste les coins des bordures

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [CSS] Afficher juste les coins des bordures

MS-DOS_1991

www.newbie-project.net

Bonjour

Je voudrais obtenir le résultat suivant en CSS:

Code :

_ _
| |
texte
texte
texte
|_ _|

(Si possible, sans utiliser d'images)

Auriez-vous une idée :whistle: ?

---------------
Viendez sur le Newbie-Project et essayez le Newbie-Directory (nouveau)

Publicité

brains

In riding I trust !

Diviser en plusieures DIV ^^

---------------
‎Débuter la moo chez les moants@HFR | Nikon D800 | On ne fait pas un calin chaste à une pute !, Lapattefolle

Shinuza

This is unexecpected

Dépendant de la largeur de ta boite. Tu peux mettre une image de la largeur de la boite, (donc le fond d'une div), puis une autre div contenant le texte, et encore une autre image.

---------------
Mains power can kill, and it will hurt the entire time you’re dying from it.

MS-DOS_1991

www.newbie-project.net

arf... va falloir que je calcule alors

---------------
Viendez sur le Newbie-Project et essayez le Newbie-Directory (nouveau)

gatsu35

Blablaté par Harko

Code :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
    <title></title>
    
    
   <style type="text/css">
   #bloc {
      position:relative;
      width:200px;
      height:100px;
      padding:6px;
   }
   #bloc .tl, #bloc .tr, #bloc .bl, #bloc .br {
      position:absolute;
      width:5px;  
      height:5px;
      display:block;
      overflow:hidden;
      border: 1px solid black;
   }
   #bloc .tl { top:0; left:0; border-right:0; border-bottom:0;}
   #bloc .tr { top:0 ; right:0; border-bottom:0; border-left:0 }
   #bloc .bl { bottom:0 ; left:0; border-top:0; border-right:0 }
   #bloc .br { bottom:0 ; right:0; border-left:0; border-top:0}
   </style>
</head>

<body>

<div id="bloc">
<b class="tl"></b><b class="tr"></b>
<b class="bl"></b><b class="br"></b>
texte a la con


</div>


</body>
</html>

MS-DOS_1991

www.newbie-project.net

Ca marche parfaitement, merci

---------------
Viendez sur le Newbie-Project et essayez le Newbie-Directory (nouveau)

FORUM HardWare.fr

Programmation

HTML/CSS

[CSS] Afficher juste les coins des bordures

Sujets relatifs
Recherche Script pour afficher toutes les images d'un dossier !	[résolu][VBA]Afficher mon document Word
[IMG] Insérer une image en utilisant un CSS dans XSL	afficher le calendrier pour remplir un champs texte avec une date
charger toutes les images avant d'afficher le site ?	[JavaScript] afficher/masquer/décaler
[CSS] Agrandir à la hauteur de l'écran	[CSS]Landscape par defaut
[CSS] Equivalent a vertical-align: avec DIV?
Plus de sujets relatifs à : [CSS] Afficher juste les coins des bordures

Page générée en 0.046 secondes