html画边框,有什么好看的样例可以借鉴
时间: 2024-04-22 17:24:29 浏览: 41
HTML可以使用CSS来绘制边框,以下是一些常见的好看的边框样例:
1. 实线边框:
```html
<style>
.box {
border: 2px solid #000;
padding: 10px;
}
</style>
<div class="box">
<p>这是一个有实线边框的示例</p>
</div>
```
2. 虚线边框:
```html
<style>
.box {
border: 2px dashed #000;
padding: 10px;
}
</style>
<div class="box">
<p>这是一个有虚线边框的示例</p>
</div>
```
3. 圆角边框:
```html
<style>
.box {
border: 2px solid #000;
border-radius: 10px;
padding: 10px;
}
</style>
<div class="box">
<p>这是一个有圆角边框的示例</p>
</div>
```
4. 阴影边框:
```html
<style>
.box {
border: 2px solid transparent;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
padding: 10px;
}
</style>
<div class="box">
<p>这是一个有阴影边框的示例</p>
</div>
```
这些样例只是简单的示意,你可以根据需要进行样式的调整。希望对你有帮助!