FFan丶Blog / CSS / / border线型

border线型

分类：CSS 发布时间：2020-01-15 11:23:39来源：FFan丶Blog
四边为虚线边框：border:1px dashed #000; 左边为虚线：border-left:1px dashed #000; 右边为虚线：border-right:1px dashed #000; 顶部边（上边）为虚线：border-top:1px dashed #000; 底部边（下边）为虚线：border-bottom:1px dashed #000;...

border线型主要有：

1、dotted【点状】

2、solid【实线】 

3、double【双实线】 

4、dashed【虚线】

以虚线为例

四边为虚线边框：border:1px dashed #000;

左边为虚线：border-left:1px dashed #000;

右边为虚线：border-right:1px dashed #000;

顶部边（上边）为虚线：border-top:1px dashed #000;

底部边（下边）为虚线：border-bottom:1px dashed #000;

任意一边不为虚线，其它三边为虚线：border:1px dashed #000;border-right:0;（右）

CSS定义一条水平虚线：height:1px; width:100%; border-bottom:1px dashed #000;


并排：box-sizing:border-box;

上一篇：没有了

下一篇：CSS border边框属性

相关文章

猜你喜欢

  • ICMS7循环列表

    获取 10个分类下 每个分类最新的10篇文章<!--{iCMS:category:list loop="true" row="10"}--> <a href="<!--{$category_list.url}-->"><!--{$category_list.title}--></a>  <!--{iCMS:article:list loop="true" row="10" cid="$category_list.cid"}-->    <a href="<!--{$article_list.url}-->&quo

    ICMS2020-01-20
  • CSS自动隐藏超出宽度的内容

    一般的文字截断（适用于内联与块）：.text-overflow {     display:block;/*内联对象需加*/     width:31em;/*指定宽度*/     word-break:keep-all;/* 不换行 */

    CSS2020-04-13
  • 移动前端常用meta标签

        <!-- 声明文档使用的字符编码 -->     <meta charset='utf-8'>     <!-- 优先使用 IE 最新版本和 Chrome -->     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

    html相关标签2020-07-06
  • ICMS7每个li 两组数据

    <ul><!--{iCMS:article:list loop="true" row="20" }-->    <!--{if $article_list.first}--><li><!--{/if}-->    <!--{"$article_list.index % 2"}-->        <span><!--{$article_list.title}--></span>    <!--{if $article_list.index % 2}-->        <

    ICMS2020-07-13
  • CSS3 :nth-child() 选择器

    CSS3 :nth-child() 选择器 定义和用法: :nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。 n 可以是数字、关键词或公式。

    CSS2020-07-21