Rumah >hujung hadapan web >html tutorial >html怎么设置边框
html怎么设置边框
- 藏色散人asal
- 2021-04-01 11:11:2381191semak imbas
html设置边框的方法：1、通过“border-width”属性设置边框宽度；2、通过“border-style”属性设置边框样式；3、通过“border-color”属性边框颜色。
本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑
HTML 为元素设置边框
属性：border，可以为元素这是上右下左四条边框（顺序很重要）
取值有三个：
1.border-width:边框宽度，默认3px，可以手动设置，取像素值
2.border-style:边框样式，必填项。可取： solid （实线边框） dashed(虚线边框） dotted(点线边框） double(双线边框）
3.border-color:边框颜色，取颜色值，默认黑色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style media="screen">
h1{
width:300px;
height:150px;
}
.c1{
/*边框宽度与颜色有默认值，样式必须设置*/
border:solid;
}
.c2{
border:5px solid red;
}
.c3{
border:5px dashed green;
}
.c4{
border:5px dotted blue;
}
.c5{
border:5px double orange;
}
</style>
</head>
<body>
<h1 class="c1"></h1>
<h1 class="c2"></h1>
<h1 class="c3"></h1>
<h1 class="c4"></h1>
<h1 class="c5"></h1>
</body>
</html>效果如下：
Atas ialah kandungan terperinci html怎么设置边框. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html怎么设置图片Artikel seterusnya：如何解决html打开乱码问题