Css基本样式————轮廓

一、轮廓主要是用来突出元素的作用

二、属性

outline 设置轮廓的属性

outline-color 设置轮廓的颜色

outline-style 设置轮廓的样式

outline-width 设置轮廓的宽度

p{
    outline-style: groove;
    outline-color: aqua;
    outline-width: 20px;
}

在outline-style中

groove 实线

double 双实线

dotted 虚线

时间： 2024-10-12 20:43:29

Css基本样式————轮廓的相关文章

[CSS3]学习笔记-CSS基本样式讲解

1.CSS样式-背景 CSS运行应用纯色作背景,也允许使用背景图像创建相当复杂的效果 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <link rel="stylesheet" type="text/css" hre

CSS中拥有各种各样的样式表,而基本的样式有背景,文本,字体,链接,列表,表格,轮廓. 一.CSS-背景 CSS中允许用纯色背景,也允许用图片来创建复杂的个性背景. p {background-color: #000;} 是用纯色作为背景.这时你可以定义其他属性,生成不同效果的背景. CSS中也可以用图片作为背景,这是就需要使用background-image属性了,如果属性值为一个URL值,并且图片文件存在,那么就可以看到用该图片做为背景的网页了 body {background-image:

第 19 章 CSS 其他样式

学习要点: 1.颜色和透明度 2.盒子阴影和轮廓 3.光标样式主讲教师:李炎恢本章主要探讨 HTML5 中 CSS 其他剩下几个常用的样式,包括颜色.透明度.盒子的阴影轮廓以及光标的样式. 一．颜色和透明度颜色我们之前其实已经用的很多了,比如字体颜色.背景颜色.边框颜色.但除了背景颜色和边框颜色讲解过,字体颜色却没有系统的讲解过.设置字体颜色其实也成为文本块的前景色. 属性值说明 CSS 版本 color 颜色值设置文本前景色 1 p { color: red; } 解释:设置文本颜

[2016-01-16][CSS][定义样式表(样式选择器)]

Class 定义:.classname{ 属性:属性值;} 使用:<p class = "classname"></p> ID 定义: #IDNUM{ 属性:属性值; } 使用:<p id = "IDNUM"></p> 组合选择器定义:标记1,标记2...标记n{属性:属性值;} 使用:直接正常使用上面存在标记即可伪选择器 calss的使用 ID的使用组合选择器h1 h2 h3 伪选择器 1 2 3 4 5 6

CSS重置样式表

一.为什么需要重置样式表即使不写CSS样式,HTML标签在浏览器中也有样式,这些样式来自浏览器本身.但问题是,不同浏览器默认样式可能不同.CSS重置样式表就是为了解决这个问题. 二.常用的重置样式表 (1)简单暴力型只有一行: *{margin:0; padding:0;} 通配符"*"匹配了所有的标签,通常认为性能不好. (2)归零型 (几乎)全部将标签样式清零.如YUI(http://yuilibrary.com/)的重置样式表. (3)保留基础样式型并不是将所有标签的默认样

CSS常用样式（四）之animation

上篇CSS常用样式(三)这篇博文中已经介绍过了CSS中具有动画效果的transition.transform,今天来大概说说CSS中的animation.animation的加入会使得动画效果更加乐观. animation animation的实现需要通过keyframes来实现.keyframes(关键帧),类似于flash当中的关键帧.关键帧有其自己的语法规则,他的命名是由"@keyframes"开头,后面紧接着是这个“动画的名称”加上一对花括号“{}”,括号中就是一些不同时间段样

css折叠样式（1）——使用css样式的三种方式

一.css的声明标签是告诉浏览器应该是用什么形式去解析你,一般为:<!DOCTYPE html> 因为html5支持向下兼容,详细可看上图. 二.css样式的使用方式: (1)内链样式表: demo.html <!DOCTYPE html> <html> <head> <title>内链样式使用</title> <meta charset="utf-8"> </head>

使用css文本样式的6种方法

很多web前端初学者 http://www.maiziedu.com/course/web/在学习css样式时,对文本内容的修饰需要用到css文本样式进行修饰.由于在层叠关系中,内容要高于背景.所以文本样式相对而言更加重要.有些人对文本和字体样式之间的不同不太了解,简单地讲,文本是内容,而字体则用于显示这个内容.本文将详细介绍文本相关样式. 首行缩进定义首行缩进是将段落的第一行缩进,这是常用的文本格式化效果.一般地,中文写作时开头空两格,类似于此. [注意]该属性可以为负值 text-ind

CSS基本样式

CSS基本样式内联样式:直接在页面文件中使用HTML标记的style属性.例如: <p style="font-family:宋体;color: red;font-size: 10pt;">程序员</p> 在页面文件中定义样式:这种方式是通过<style>标记来定义样式,语法格式如下: <style type="text/css"> h1 {font-family: "微软雅黑";font-siz