css设置虚线边框

border-style属性用来定义边框的样式，可以使用dashed属性定义一个虚线边框。
语法：border-style:dashed;

操作方法

  • 01

    打开html开发工具，新建一个html代码页面，然后创建一个<div>标签，并给这个标签添加文字和一个class为了dashed。 创建<div>代码:<div class="dashed">dashed: 定义一个虚线边框</div>

  • 02

    设置虚线边框。创建<style>标签，然后在这个标签里设置dashed类的样式为虚线边框。 css样式代码： <style type="text/css"> .dashed{ border-style:dashed; border-width:1px; } </style>

  • 03

    保存html代码，然后使用浏览器打开，即可看到浏览器页面上显示一个虚线边框。

赞 (0)

相关推荐

  • css制作虚线边框

    让我们一起来学习一下css如何设置虚线边框吧. 操作方法 01 新建hmtl代码页面.如图: 02 在html代码页面上找到body标签,然后在body标签中添加一个div标签,并为这个div添加样式 ...

  • Excel表格中怎么选中数据和设置虚线边框

    Excel表格中怎么选中数据和设置虚线边框

    今天,小编给大家分享Excel表格中选中数据和设置虚线边框的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的电脑中找到一张带有数据的表格,然后把它打开,接着选中其中的部分数据.2.第二步 ...

  • 如何在Word中为图片设置虚线边框？

    如何在Word中为图片设置虚线边框？

    相信很多小伙伴在日常办公中都会用到Word,如果我们想要在其中为图片设置虚线边框该怎么做呢?方法很简单,下面小编就来为大家介绍.具体如下:1. 首先,打开电脑上的Word.2. 进入后,点击页面上端的 ...

  • 如何在PPT文档中插入图片并设置虚线边框

    如何在PPT文档中插入图片并设置虚线边框

    PPT是现在十分常用的文件类型之一,有些新用户不知道如何在PPT文档中插入图片并设置虚线边框,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PPT文档,接着根据下图 ...

  • 如何用CSS设置DIV边框透明

    如何实现用CSS设置DIV边框为透明呢?我们来看一看. 操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 RGBA在RGB的 ...

  • css设置表格边框合并;css设置table边框合并

    table表格是制作前端常常需要使用到的一个标签,表格边框默认是不合并的,通过使用border-collapse:collapse可以对表格设置合并的边框效果. 操作方法 01 打开前端开发工具,新建 ...

  • CSS做虚线边框

    最近一直自己在写前端的东西,不是太熟,学习点就分享点咯. 最近我的blog里面呢,要用一个div来放代码,所以我想让其特别点,所以准备用CSS虚线 那么怎么做css虚线框呢? 其实呢就是border: ...

  • wps文档怎么添加虚线边框? wps添加虚线边框的教程

    wps中想要给文档添加虚线边框,该怎么添加呢?下面我们就来看看详细的教程. 1.打开需要设置虚线边框的文档. 2.选中需要设置虚线边框的文字内容. 3.在wps文字左上角点击“wps文字”旁边的倒三角 ...

  • Word中插入的文本框如何设置添加虚线边框

    Word中插入的文本框如何设置添加虚线边框

    今天给大家介绍一下Word中插入的文本框如何设置添加虚线边框的具体操作步骤.1. 打开Word文档,依次点击插入---文本框,然后输入文字.2. 将文本框选中后,上方就会显示出"绘图工具&q ...