之后会弹出developtools界面,找到“样式”标签,其会对应显示作用于该展示域的css样式属性及值。对于未生效的样式会辅以“删除线”,据此即可查明不显示的原因。
因为是仅仅设置了边框是1像素,没有指定颜色和线的类型。只占用了空间而没有显示出来
1、正确的使用该属性的方法是:border:width style color,如border:1px solid red 即指定边框是1像素的红色的实线。
2、正确的代码示例如下:
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
div{
width: 200px
height: 200px
border: 2px solid #090
}
</style>
</head>
<body>
<div>baidu</div>
</body>
</html>
显示效果如下: