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边框属性

相关文章

猜你喜欢

  • ICMS通用Nginx伪静态规则

    location / { index  index.html index.htm index.php; try_files $uri $uri/ /rewrite.php?$args; }

    ICMS2021-10-09
  • js获取访问地址，判断不同域名或参数加载不同的内容

    <script> //获取当前访问的完整地址 var url =  window.location.href;  //通过indexOf方法，检索字符串值 if(url.indexOf('域名1') > 0){       //输出内容1

    部分JS效果2021-10-19
  • JS屏蔽右键、复制、粘贴、剪切

    //屏蔽右键菜单 document.oncontextmenu = function(event) {   if (window.event) {     event = window.event;   }   try {     var the = event.srcElement;     if (! ((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {

    部分JS效果2021-10-20
  • 迅睿CMS部分标签

    网站首页链接：{SITE_URL} 网站名称：{SITE_NAME} 模板调用：{template "文件.html"} 当前页地址：{$my_web_url} 友情链接：{php $mval = dr_site_value('yqlj');}{loop $mval $v} <a href="{$v[2]}" target="_blank">{$v[1]}</a> {/loop}

    迅睿CMS2022-04-15
  • 迅睿CMS列表页瀑布流滚动加载

    1、创建目标list_data.html专门用来写栏目分页循环标签的目标文件 {module catid=$catid order=updatetime page=1} <div class="article-list>     <a href="{$t.url}">

    迅睿CMS2022-04-15