大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

css中虚线框如何表示

这篇文章将为大家详细讲解有关css中虚线框如何表示,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联专注为客户提供全方位的互联网综合服务,包含不限于网站建设、成都网站设计、乳山网络推广、成都小程序开发、乳山网络营销、乳山企业策划、乳山品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联为所有大学生创业者提供乳山建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

css中虚线框的表示方法:1、“元素{border-style:dashed;}”,“dashed”值表示将边框设置为虚线样式;1、“元素{border-style:dotted;}”,“dotted”值表示将边框设置为点状样式。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

在css中虚线框有两种表示方法。

1、利用border-style: dashed;样式,示例如下:




    
    
    
    Document
    
    div{
        width:100px;
        height:100px;
        background-color:red;
        border-style: dashed;
    }
        


 

输出结果:

css中虚线框如何表示

2、利用border-style: dotted;样式,示例如下:




    
    
    
    Document
    
    div{
        width:100px;
        height:100px;
        background-color:red;
        border-style: dotted;
    }
        


 

输出结果:

css中虚线框如何表示

关于“css中虚线框如何表示”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


当前文章:css中虚线框如何表示
URL标题:http://dzwzjz.com/article/pehjcp.html
在线咨询
服务热线
服务热线:028-86922220
TOP