CSS表面（outline）是什么【html5教程】,CSS
作者：搜教程发布时间：2019-12-26分类：html教程浏览：28评论：0
导读：表面（outline）是绘制于元素四周的一条线，位于边框边沿的外围，可起到凸起元素的作用。表面（outline）属性指定元素表面的款式、色彩和宽度。(引荐进修：CS...
表面（outline）是绘制于元素四周的一条线，位于边框边沿的外围，可起到凸起元素的作用。
表面（outline）属性指定元素表面的款式、色彩和宽度。 ( 引荐进修：CSS教程 )
CSS 表面（outline）
表面（outline）是绘制于元素四周的一条线，位于边框边沿的外围，可起到凸起元素的作用。
CSS outline 属性划定元素表面的款式、色彩和宽度。
本例演示运用outline属性在元素四周画一条线。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
p
{
border:1px solid red;
outline:green dotted thick;
}
</style>
</head>
<body>
<p><b>注重:</b> 假如只要一个 !DOCTYP E指定 IE8 支撑 outline 属性。</p>
</body>
</html>
以上就是CSS表面（outline）是什么的细致内容，更多请关注ki4网别的相干文章！
标签：CSS
相关推荐
- 纯 CSS 如何实现实现鼠标跟随效果？（代码详解）_html5教程,CSS,鼠标跟随
- 纯 CSS 如何实现实现鼠标跟随效果？（代码详解）_css教程,CSS,鼠标跟随
- CSS 实现拖拽改变布局大小_html5教程,CSS,左右拖拽,布局大小
- CSS 实现拖拽改变布局大小_css教程,CSS,左右拖拽,布局大小
- CSS Modules 详解_html5教程,CSS
- CSS Modules 详解_css教程,CSS
- 使用 CSS 实现一个简单的骨架屏（Skeleton Screen）_html5教程,CSS
- 使用CSS实现皮卡丘_html5教程,CSS
- CSS 中伪类的使用（干货）_html5教程,CSS
- 使用 CSS 实现一个简单的骨架屏（Skeleton Screen）_css教程,CSS
欢迎 你 发表评论:
- html教程排行
-
- 1css如何实现给div添加滚动并隐藏滚动条_html5教程,css,div,滚动条
- 2css中的content属性该如何使用_html5教程,css,content
- 3伪元素“::after”和“::before”的作用分别是什么_html5教程,伪元素,::after,::before
- 4详解CSS3实现弹性布局的方式_html5教程,CSS3,弹性布局,flexbox
- 5如何使用CSS隐藏滚动条？_html5教程,隐藏,css,滚动条
- 6CSS开发常用命名_html5教程,css
- 7纯CSS3打造自行车_html5教程,CSS3
- 8css实现文字过长显示省略号_html5教程,css,省略号
- 9css如何实现下划线滑动效果_html5教程,css,下划线
- 最新文章
- 广而告之
-
简数采集
腾讯云
宝塔系统
阿里云