css---轮廓

阿陈陈陈

于 2021-09-17 09:58:37 发布

阅读量87

点赞数

分类专栏： css 笔记文章标签： css html

本文链接：https://blog.csdn.net/weixin_46218101/article/details/120342323

版权

笔记同时被 2 个专栏收录

60 篇文章 1 订阅

订阅专栏

css

12 篇文章 0 订阅

订阅专栏

web前端入门笔记之css(5)

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。
CSS outline 属性规定元素轮廓的样式、颜色和宽度。

常用属性:
outline:在一个声明中设置所有的轮廓属性
outline-color:定义轮廓的颜色
outline-style:定义轮廓的样式
outline-width:定义轮廓的宽度

代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>轮廓</title>
	<style type="text/css">
			table{


               /*
				outline-width: 5px;
				outline-color: blue;
				outline:-style:dotted ;
				与下面所表达的一致
               */ 
		
		outline:5px dotted blue;
	}

	</style>

</head>
<body>
<table border="1px">
	<tr height=50px>
		<th>name</th>
		<th>age</th>
	</tr>

	<tr>
		<td>huaxiaoyou</td>
		<td>12</td>
	</tr>
	
	<tr>
		<td>achen</td>
		<td>14</td>
	</tr>
</table>
</body>
</html>

效果截图：
在这里插入图片描述

阿陈陈陈

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css---轮廓

web前端入门笔记之css(5)轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。常用属性:outline:在一个声明中设置所有的轮廓属性outline-color:定义轮廓的颜色outline-style:定义轮廓的样式outline-width:定义轮廓的宽度代码：<!DOCTYPE html><html><head> <meta ch
复制链接

扫一扫

专栏目录