Visualizzazione dei risultati da 1 a 8 su 8

Discussione: riquadro con angoli smussati

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    165

    riquadro con angoli smussati

    Tempo fa riuscivo a creare un riquadro con angoli arrotondati e il titolo in mezzo.

    Ho provato questo ma mi da un rettangolo con angoli a 90

    codice:
    <fieldset>
      <legend>titolo</legend>
      <br><br><br>
    </fieldset>

    Non sapete dirmi dove sbaglio? O forse non esiste piu, perchè sino a qualche mese fa ci riuscivo.
    Ultima modifica di carlomarangoni; 19-04-2017 a 22:41

  2. #2
    codice:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Documento senza titolo</title>
    <style type="text/css">
    fieldset {
        -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    }
    </style>
    </head>
    
    <body>
    <fieldset>
    <legend id="angoli">titolo</legend>
    <br><br><br>
    </fieldset> 
    </body>
    </html>
    P.S. Quando posti del codice devi usare il tag [ code ]....[ /code ] oppure il tasto # nella modalità avanzata come da regolamento del forum
    Per quest volta te lo correggo io
    “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

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    165
    mi dispiace ma non funziona nemmeno come dici tu

  4. #4
    Quote Originariamente inviata da exmac Visualizza il messaggio
    mi dispiace ma non funziona nemmeno come dici tu
    Chissà perché a me funziona!
    01.JPG
    “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

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    531
    Il codice che ha postato Carlo funziona.

    Se parli di riquadro con angoli arrotondati e il titolo in mezzo, al di là del problema degli angoli arrotondati, prova questo.

    codice:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Documento senza titolo</title>
    <style>
    #angoli{
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      border: 2px solid #000;
      padding: 10px;
      text-align:center;
    }
    </style>
    </head>
    
    <body>
    <h1 id="angoli">Titolo</h1>
    </body>
    </html>

  6. #6
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    165
    questo funziona, ma tempo fa ne conoscevo uno piu semplice, non capisco perchè non va

  7. #7
    Quote Originariamente inviata da exmac Visualizza il messaggio
    questo funziona, ma tempo fa ne conoscevo uno piu semplice, non capisco perchè non va
    Quale non va?
    “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

  8. #8
    Utente di HTML.it
    Registrato dal
    Apr 2007
    Messaggi
    531
    Quote Originariamente inviata da exmac Visualizza il messaggio
    questo funziona, ma tempo fa ne conoscevo uno piu semplice, non capisco perchè non va
    Gli angoli arrotondati si fanno come ti abbiamo fatto vedere.

    Un po' di teoria fa sempre bene:
    http://www.html.it/pag/19451/border-radius/
    https://www.w3schools.com/css/css3_borders.asp

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 © 2017 vBulletin Solutions, Inc. All rights reserved.