css边框线属性怎么设置,控制颜色、粗细、长短、虚线、实线、双标线属性是那个,边框如何设置圆角加阴影效果
目录
1css如何设置边框颜色
2css边框线怎么设置粗细
3css怎么设置无边框线
4css怎么设置双线
5 css怎么设置虚线
6css怎么设置实线
css如何设置边框颜色
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
border-style: solid;
border-width: 10px;
border-color: aqua;
}
</style>
</head>
<body>
<div class="num2">
边框粗细
</div>
</body>
</html>
css边框线怎么设置粗细
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
border-style: solid;
border-width: 10px;
}
</style>
</head>
<body>
<div class="num2">
边框粗细
</div>
</body>
</html>
css怎么设置无边框线
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
border-style: none;
}
</style>
</head>
<body>
<div class="num2">
无边框线
</div>
</body>
</html>
css怎么设置双线
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
border-style: double;
}
</style>
</head>
<body>
<div class="num2">
双线
</div>
</body>
</html>
css怎么设置虚线
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
border-style: dashed;
}
</style>
</head>
<body>
<div class="num2">
虚线
</div>
</body>
</html>
css怎么设置实线
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通高科技</title>
<style>
.num2{
border-style: solid;
}
</style>
</head>
<body>
<div class="num2">
实线
</div>
</body>
</html>