Disegnare una linea in un div

Voglio fare un div che è una linea. Qui è il mio HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <link href="clickable.css"  type="text/css" rel="stylesheet" />
    </head>
    <body >
        <div class="line"></div>
    </body >
</html>

E qui il mio CSS:

<style type="text/css">   
.line{
    width: 112px;
    height: 47px;
    border-bottom: 1px solid black;
    position: absolute;
    }
</style>

Niente di visualizzazione, qualcosa è probabilmente sbagliato nel mio CSS, ma non vedo cosa.

Non avete bisogno di un <stile>-tag nel CSS file
Rimosso il tag style effettivamente lavorato, come mai?
Lo stile-tag è per inline-styling.. Se si desidera aggiungere stile direttamente nel tuo codice HTML. quando si carica un CSS file, il browser sa che è CSS.
non inline css tag di stile per interni css. inline è che si utilizza direttamente nel tag html.

InformationsquelleAutor Laetis | 2015-09-28

2 Replies
  1. 1

    Se il div ha un contenuto interno, questa sarà la migliore pratica per avere una linea sopra o sotto il div e mantenere il contenuto di spaziatura div

    .div_line_bottom{
     border-bottom: 1px solid #ff0000;
     padding-bottom:20px;
    }
    
    .div_line_top{
    border-top: 1px solid #ff0000;
    padding-top:20px;
    }

    InformationsquelleAutor CreativePS

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *