【CSS样式下border的几种线型】的更多相关文章

CSS样式下border的几种线型

在用border的时候经常会忘记它有多少种线型以及各种线型的写法:每次都得从头开始,或是用到Google.百度之类的,有空整理了一下 (1)none (没有边框,无论边框宽度设为多大) (2)dotted (点线式边框) (3)dashed (破折线式边框) (4)solid (直线式边框) (5)double (双线式边框) (6)groove (槽线式边框) (7)ridge(脊线式边框) (8)inset (内嵌效果的边框) (9)outset (突起效果的边框)…

11种常用css样式之border学习

边框border通常简写为"border:1px solid red;"但其实一个完整的border边框其实是由1.border-width/*边框宽度*/,2.border-style/*边框样式*/,3.border-color/*边框色彩*/三大属性构成构成; border边框方位分为border-top/*边框上方*/border-bottom/*边框底部*/border-left/*边框左边*/border-right/*边框右边*/; 边框属性样式整理:border-sty…

outline轮廓线在不同CSS样式下的表现

outline轮廓线在不同CSS样式下的表现 CSS 去除浏览器默认 轮廓外框 在默认情况下,点击 a 标签,input,或者添加click事件的时候,浏览器留下一个轮廓外框(chrome之下为蓝色)~ 然而这些默认的轮廓外框,有时候很影响美观,并不是我们想保留的. 我们应如何消除这些讨厌的 轮廓外框呢? 使用outline:none去除轮廓外框 如: a{ outline:none; } PC端轮廓外框消失了,然而发现在手机上依然存在~~ 这时候添加如下代码便可 a{ outline:none…

css样式之border

border用法详解: 1.border-width 属性设置边框的宽度 可能的值:像素 2.border-style 属性设置边框的样式 可能的值:solid(直线),dashed(虚线),dotted(点线) 2.border-color 属性设置边框的颜色 可能的值:red,#f00,#ff0000,rgb(255,0,0),transparent border-left 属性设置左边框 border-right 属性设置右边框 border-top 属性设置上边框 border-bott…

CSS样式下划线

样式之文字下划线 第一 text-decoration: underline; 缺点是不好修改颜色 不要修改下划线的位置,优点就是一行代码解决 可以使用line-height: 20px; 也能调整位置; 第二种更全面 使用span标签而且不会变形 border-bottom: 2px solid #409eff; padding-bottom: 5px; 第三种可以使用box-shadow模拟 box-shadow: h-shadow(必需 水平阴影位置,可负值) v-shadow(必需 水平…

第一章入门篇CSS样式的分类、盒模型

1.CSS样式的分类 CSS样式分为一项4种: 1.内联样式表,直接写在元素style属性里面的样式,如 <p style="color:red;">内联样式</p> 2.内部样式表,写在<head><.head>标签内部<style></style>标签里面的样式 <head> <meta charset="utf-8" /> <title>无标题文档 &l…

使用CSS隐藏HTML元素的4种常用方法

现在的网页设计越来越动态化,我们经常需要隐藏某些元素,在特定的时候才显示它们.我们通常可以使用4种方法来隐藏和显示元素. 这4种显示和隐藏元素的技术各自有它们自己的优点的缺点,下面来举例说明. 在这篇文章中,我们将使用下面的HTML代码和CSS样式来讲解着4种隐藏元素的技术. <p>Dice used for traditional Dungeons ...</p> <img src="dice.jpg" alt=”Photograph..."…

用JS改变的元素CSS样式，css里display :none 隐藏 block 显示

CSS样式的引用有3种方式:style引用.class引用.id引用,所以js改变元素的样式我们也分3种来说. 1.js改变由style方式引用的样式:方法一:document.divs.style.cssText="border:1px solid #000000;color:#FF0000";方法二:document.divs.setAttribute("style","border:1px solid #000000;color:#FF0000&qu…

css的基本操作学习--css样式，选择器，hover，文字属性，文本属性，背景

什么是css? 通配符选择器 <head> /* *通配符选择器 匹配任何元素 */ *{ margin: 0; padding: 0; } </head> css样式有三种 一种是内嵌,写在head的style里面 <style> div{ /*内嵌的css*/ width: 200px; height: 200px; background: blue; } </style> 一种是外链,写在单独的.css文件里面 通过link标签(link + tab)…

CSS——NO.2（CSS样式的基本知识）

*/ * Copyright (c) 2016,烟台大学计算机与控制工程学院 * All rights reserved. * 文件名:text.cpp * 作者:常轩 * 微信公众号:Worldhello * 完成日期:2016年8月5日 * 版本号:V1.0 * 程序输入:无 * 程序输出:见运行结果 */ 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 内联式css样式表就是把…