当前位置:首页 > html教程 > 正文内容

CSS表面(outline)是什么【html5教程】,CSS

搜教程4年前 (2019-12-26)html教程156

表面(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网别的相干文章!

扫描二维码推送至手机访问。

版权声明:本文由搜教程网发布,如需转载请注明出处。

本文链接:https://www.sojiaocheng.cn/16697.html

标签: CSS
分享给朋友:

“CSS表面(outline)是什么【html5教程】,CSS” 的相关文章

怎样用span css设置div内部份字体色彩?【html5教程】,span,css设置div颜色

怎样用span css设置div内部份字体色彩?【html5教程】,span,css设置div颜色

本篇文章给人人带来的内容是关于怎样用span css设置div内部份字体色彩,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。 用span标签设置div内放一段笔墨中的部份笔墨字体色彩要领。 一段笔墨放在DIV内或P内,当我们设置div或p设置字体色彩,内里悉数笔墨的字体色彩就...

CSS的min-width怎样运用【html5教程】,min-width

CSS的min-width怎样运用【html5教程】,min-width

min-width许可你设置元素的最小宽度,它常常与最大宽度的相应等一同运用,本篇文章我们就来看看CSS中min-width的细致运用方法。 我们先来看看什么是min-width? min-width属性是许可设置元素的最小宽度。 怎样运用min-width属性? 比方,为了“让我们能够...

css3的@keyframes是什么【html5教程】,css3,@keyframes,动画

css3的@keyframes是什么【html5教程】,css3,@keyframes,动画

本篇文章给人人带来的内容是引见css3的@keyframes是什么,让人人简朴相识@keyframes能够怎样运用。有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你们有所协助。 CSS3 @keyframes是什么?有什么用? @keyframes是CSS3的一种划定规矩,能够用来定义C...

css怎样设置表格题目(caption标签)的位置【html5教程】,css,表格标题,caption-side属性

css怎样设置表格题目(caption标签)的位置【html5教程】,css,表格标题,caption-side属性

我们能够经由过程设置css caption-side属性的相干属性值来指定表格(<table>)题目(caption标签)的位置,即:能够运用caption-side属性来指定了题目位于表格的哪一侧。 在table表格中,caption标签是用于为表格供应简短的题目,如题目或简...

CSS3怎样完成径向渐变结果【html5教程】,CSS3实现径向渐变效果

CSS3怎样完成径向渐变结果【html5教程】,CSS3实现径向渐变效果

用css3完成背景渐变结果,能够雄厚我们网页的内容,也提拔用户视觉结果。固然更主要的是,进步用户体验!我们能够运用css3中的radial-gradient属性完成径向渐变结果。 引荐参考进修:《CSS3教程》 那末我们在前面的文章中,已给人人引见了CSS3完成线性渐变结果。 下面...

CSS3 animation-name属性怎样用?【html5教程】,animation-name属性,CSS3,动画

CSS3 animation-name属性怎样用?【html5教程】,animation-name属性,CSS3,动画

css3 animation-name属性是用来检索或设置对象所运用的动画称号,必需与@keyframes合营运用,由于动画称号由@keyframes定义 ;如果有多个属性值,能够用逗号举行分开。 css3 animation-name属性 作用:animation-name 属性为...