DOM&BOM中,下面图里的选择器、outline是什么意思呀?

DOM&BOM中,下面图里的选择器、outline是什么意思呀?

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好

1、.box .lock, .box .eye {...}

组合选择器,选中.box下的.lock和.box下的.eye元素。

2、outline: none:;表示使outline属性无效,使绘制于元素周围的一条线无效。

outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

测试代码如下:

<html>
	<head>
		<style type="text/css">
			p {
				border: red solid 5px;
				outline:#00ff00 solid 5px;/* 颜色、样式、宽度 */
				outline: none;
			}
		</style>
	</head>

	<body>
		<p><b>注释:</b>测试文本</p>
	</body>
</html>

祝学习愉快~

  • 童真模式启动 提问者 #1

    outline和border是什么关系,内边框、外边框?border里的thin是多大?

    2021-12-06 15:26:42
  • 同学你好

    1、没有关系。

    border表示的是边框;outline表示的是(轮廓)是绘制于元素周围的一条线即轮廓线,位于边框边缘的外围,可起到突出元素的作用。轮廓线不会占据空间。

    2、thin用来描述边框的宽度,是border-width属性中的一个属性值表示细边框。还可以是medium中等边框、thick粗边框。

    祝学习愉快~

    2021-12-06 16:12:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师