Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Aggiungere un bordo al paragrafo: è impossibile?

    Ciao a tutti,
    vorrei ottenere un effetto un po' particolare su alcuni paragrafi del mio sito: in sostanza, vorrei che il lato sinisto del paragrafo fosse affiancato da una linea verticale, spessa una decina di pixel.

    Attualmente, il paragrafo è definito da questo codice:

    codice:
    	font-family: "Segoe UI", Frutiger, sans-serif; 
    	font-size: 13px;
     	margin-top: 15px; 
    	margin-bottom: 15px; 
    	padding-left: 25px;
    e per aggiungere la linea, ho pensato di aggiungere questo codice:

    codice:
    	border-left: solid;
    	border-left-color: #CCC;
    	border-left-width: 10px;
    Tuttavia, in questo modo ottengo una serie di segmenti non allineati, mentre invece vorrei un'unica linea continua che arrivi fino alla fine del paragrafo (ovvero fino al prossimo cambio di stile), come nell'immagine.



    Qualcuno che se la cava col CSS meglio di me, ha per caso qualche idea su come ottenere qualcosa del genere?

    Sarei anche disposto ad impiegare anche vie alternative, come immagini o roba simile, se necessario...

    Ciao,
    Niki

  2. #2
    Metti il paragrafo dentro ad un contenitore ad esempio
    codice:
     <span>paragrafo</span>
    e poi applica il bordo al contenitore
    “Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.

    Giovanni Falcone

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.