Cómo mostrar el borde de la etiqueta div
La etiqueta div no tiene borde por defecto, pero su borde se puede definir editando CSS.
1. border-left: 1px solid #000 establece un borde negro sólido de 1px en el lado izquierdo del objeto
2. borde negro sólido en el lado derecho del objeto
3. border-top: 1px solid #000 establece un borde negro sólido de 1px en la parte superior del objeto
4. inferior: 1px sólido #000 establece un borde negro sólido de 1px en la parte inferior del objeto Borde
5. p>Ejemplo:
lt;!DOCTYPE?htmlgt;?
p>
lt;htmlgt;?
lt;headgt;?
lt;meta?charset="utf-8"?/gt;?
?altura: 60px; ?margin-top: 5px}?</p><p>/* Descripción del comentario CSS: establezca los mismos atributos de tres selectores de estilo*/?</p><p>.div1{?border: 2px?solid?#F00}?</p><p>.div2{?border：4px ?guionado?#F00}?</p><p>.div3{?border：8px?solid?#F00}? </p><p>lt;/stylegt;?</p><p>lt; /headgt;?</p><p>lt;bodygt;?</p><p>lt;div?class ="div1"gt;Estoy configurado con un ancho de borde de 2px de borde sólidolt;/divgt;? </p><p>lt;div?class="div2"gt;Estoy configurado con un ancho de borde de 4px de borde punteadolt;/ divgt;?</p><p>lt;/bodygt;?</p ><p>lt;/htmlgt;?</p></div>
</div>
<div class="nextinfo"><a href="hnyzggdjuj.html">上篇: Desmontaje y montaje de batería de portátil 4421s</a> <a href="hnz2o96772.html">下篇: 8 deliciosas tartas de queso, cada bocado trae felicidad</a></div>
</div>
</div>
<div class="aside l_box">
<div class="sidebar diyModule">
<div class="side-title"><h3 class="function_t">Artículos populares</h3></div>
<ul><li><a href="oxncg6sy4l.html">Pregunta en lenguaje C, ¿puntero?</a></li><li><a href="7ovkj7bjia.html">Cómo solucionar el problema de la pantalla bloqueada DNF</a></li><li><a href="5h9lev8yca.html">Tutorial detallado sobre composición tipográfica CTex</a></li><li><a href="6e377tawdl.html">Resumen del evento de Halloween de Chongqing 2019 (hora, entradas, contenido del evento, guía de transporte)</a></li><li><a href="aternqyjwj.html">comando cmd para borrar caché del sistema</a></li></ul>
</div>
</div>
</div>
<footer class="jz52bq footer_style"><p>copyright 2024 <a href="https://www.diannaozhishiwang.com/"><b>Red de conocimiento informático</b></a> All Rights Reserved.<script type="text/javascript" src="../css/tongji.js"></script></p></footer>
</body>
</html>