Visualizzazione dei risultati da 1 a 5 su 5

Hybrid View

  1. #1
    Moderatore di CSS L'avatar di KillerWorm
    Registrato dal
    Apr 2004
    Messaggi
    5,780
    mi ero dimenticato che il bordo mi servirebbe interno alla foto in modo che il bordo copra i bordi della foto...
    A beh, un piccolo dettaglio.. come dimenticarsi di mettere i tuorli dell'uovo quando si fa lo zabaione.

    dici che è possibile, mantenendo la curvatura degli angoli?
    Io dico di sì.

    La soluzione più immediata è quella di croppare la tua immagine preventivamente con un programma di grafica o con un qualche tool anche online.

    In alternativa, qui una soluzione col CSS ma è necessario inserire l'immagine in un contenitore:
    codice:
    <!DOCTYPE HTML>
    <html>
      <head>
        <title>Esempio</title>
        <meta charset="utf-8">
        <style type="text/css">
          .imgbox{
            border: 5px solid red;
            border-radius: 20px;
            overflow: hidden;
            display: inline-block;
          }
          .imgbox>img{
            margin: -5px;
          }
        </style>
      </head>
      <body>
        <span class="imgbox"><img src="tuaimmagine.qcs" alt=""></span>
      </body>
    </html>
    Installa Forum HTML.it Toolset per una fruizione ottimale del Forum

  2. #2
    Utente di HTML.it L'avatar di HammerFist
    Registrato dal
    May 2005
    Messaggi
    1,110
    Grazie

    Quote Originariamente inviata da KillerWorm Visualizza il messaggio
    A beh, un piccolo dettaglio.. come dimenticarsi di mettere i tuorli dell'uovo quando si fa lo zabaione.


    Io dico di sì.

    La soluzione più immediata è quella di croppare la tua immagine preventivamente con un programma di grafica o con un qualche tool anche online.

    In alternativa, qui una soluzione col CSS ma è necessario inserire l'immagine in un contenitore:
    codice:
    <!DOCTYPE HTML>
    <html>
      <head>
        <title>Esempio</title>
        <meta charset="utf-8">
        <style type="text/css">
          .imgbox{
            border: 5px solid red;
            border-radius: 20px;
            overflow: hidden;
            display: inline-block;
          }
          .imgbox>img{
            margin: -5px;
          }
        </style>
      </head>
      <body>
        <span class="imgbox"><img src="tuaimmagine.qcs" alt=""></span>
      </body>
    </html>
    Forumista Kriptoniano

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.