首页在HTML使用css做一个好看的边框

在HTML使用css做一个好看的边框

时间: 2023-11-25 18:26:12 浏览: 108

可以使用CSS中的border属性来为HTML元素添加边框。下面是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <style> .box { border: 2px solid blue; /* 设置边框样式 */ padding: 20px; /* 设置内边距 */ margin: 20px; /* 设置外边距 */ } </style> </head> <body> <div class="box"> <p>这是一个带边框的盒子。</p> </div> </body> </html> ``` 在上面的代码中，我们创建了一个类名为"box"的div元素，并在CSS中为其设置了边框、内边距和外边距。你可以根据自己的需求调整这些属性的值，以实现更好看的边框效果。

阅读全文