为什么在火狐浏览器里面用CSS给层级设置的边框无法显示?

html-css07

为什么在火狐浏览器里面用CSS给层级设置的边框无法显示?,第1张

要想调试该问题最简单的办法就是在本该展示边框的位置右击,然后在弹出菜单选择“查看元素”。

之后会弹出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>

显示效果如下: