Aller au contenu
Télécharger Firefox 2

Les mémos marqués "css"

Sommaire

1) Ajouter une bordure photo à une image

tags : ,
Grâce aux CSS, ajouter une bordure photo à vos images.

Créer une classe .photo avec cette définition de style : 

display: block; 
background: #efefef; 
border: 1px solid #B5AEA4; 
border-top: 1px solid #eee; 
border-left: 1px solid #eee; 
margin: 10px auto; 
padding: 1em;

Affectez ensuite cette classe aux images auxquelles vous souhaitez ajouter une bordure.

2) Curseur personnalisés en CSS

tags :
Voici les instructions afin de modifier le curseur de la souris lors du survol d'élément HTML.

  • <span style="cursor: default">Curseur par défaut</span>
  • <span style="cursor: auto">Automatique (le navigateur décide)</span>
  • <span style="cursor: move;">Objet déplaçable</span>
  • <span style="cursor: crosshair;">Viseur</span>
  • <span style="cursor: pointer;">Main</span>
  • <span style="cursor: wait;">Attente</span>
  • <span style="cursor: help;">Point d'interrogation</span>
  • <span style="cursor: text;">Texte</span>
  • <span style="cursor: n-resize">Changer la taille vers le haut</span>
  • <span style="cursor: s-resize">Changer la taille vers le bas</span>
  • <span style="cursor: e-resize">Changer la taille vers la droite</span>
  • <span style="cursor: w-resize">Changer la taille vers la gauche</span>
  • <span style="cursor: ne-resize">Changer la taille haut+droite</span>
  • <span style="cursor: nw-resize">Changer la taille haut+gauche</span>
  • <span style="cursor: se-resize">Changer la taille bas+droite</span>
  • <span style="cursor: nw-resize">Changer la taille bas+gauche</span>
Source : http://developpeur.journaldunet.com/tutoriel/dht/040127_changer_curseur.shtml

Rechercher un billet

Liste des tags

Photo Pif

Photopif