CSS border 样式属性都有什么样子(一)

很多时候我们写静态页面会用到border这个属性,但是border的样式有很多,而我们用的最多的应该是solid实线,其他的应该不经常用
我用到的时候总是查资料,想不起来
今天总结一下,写出来!

操作方法

  • 01

    solid:实线    border: solid 1px #000; 出来的效果如图

  • 02

    dotted:点划线    border: dotted 3px #000; 出来的效果如图

  • 03

    dashed:虚线    border: dashed 1px #000; 出来的效果如图

  • 04

    double:双线    border: double 5px #000; 出来的效果如图

  • 05

    none:定义无边框    border: none; 出来的效果如图

  • 06

    hidden:与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。(意思就是隐藏)   border: hidden; 出来的效果如图(和”none“效果基本一样)

(0)

相关推荐

  • HTML网页制作:[17]CSS常用样式字体及颜色属性

    CSS在网页中应用非常广泛,今天我就来分享一些关于文本的CSS样式属性.一起来学习一下吧! 操作方法 01 如图,比如我们有一段文字hello html!. 02 然后在浏览器中预览一下最初始的效果. ...

  • Java 读取Word文本/段落样式属性

    本文介绍通过Java后端程序代码来读取Word文本和段落格式的方法. 本次测试环境如下: ● Word版本:2013 ● 编译环境:IntelliJ IDEA2018 ● Work库:spire.do ...

  • css样式兼容不同浏览器问题解决办法

    在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...

  • 添加CSS样式的3种方式及样式表的优先权

    网页就是一堆[html标签]有序的搭配,让[CSS属性值]整整容,请[Javascript语言]处理一下事件. 那么如何添加样式呢?以及它们的优先级怎么样呢?请看下文. CSS介绍 01 如果说,原生 ...

  • CSS教程:创建性感的CSS样式表

    操作方法 01 作为一个css方面的专家,所做的不只是记住选择符(selectors)那么简单,提升样式表的效用和可维护性,以及设计蓝图和管理工作流程都是工作的一部分.在本篇文章中,jina bolt ...

  • 【DW教程】如何利用CSS样式设置列表文字

    我现在详细教你如何利用CSS样式设置列表文字,为的是让你很快真正理解CSS样式. 操作方法 01 打开Adobe Dreamweaver CC 2015. 02 执行菜单栏中的"文件> ...

  • 网页设计中有哪5类常用的CSS样式

    操作方法 01 网页设计中常用到CSS样式有哪些?CSS样式能让我们快速实现一些功能,在这里和大家分享,CSS样式的五种方式如何应用在网页设计中,文中我们就详细说到代码的实现,希望对从事网页设计的朋友 ...

  • CSS样式的优先级详解

    在做网页开发,基本上都会处理CSS样式的,css样式的优先级大家都弄清楚了吗?如果不清楚,自己写的样式为什么被覆盖了都不知道的.下面一起来了解下. 操作方法 01 同级别的样式,后面写的样式,肯定会比 ...

  • 在前端开发中怎么引用外部的CSS样式?

    在前端开发中,我们一般将html页面和css样式分开写,但是这样有什么好处呢?或者是为何非要这样写呢?其实写在一起喝分开写效果是一样的,但是写在外面的话一个CSS样式可以用来修饰很多页面,写在里面的话 ...