CSS做虚线边框

最近一直自己在写前端的东西,不是太熟,学习点就分享点咯。

最近我的blog里面呢,要用一个div来放代码,所以我想让其特别点,所以准备用CSS虚线

那么怎么做css虚线框呢?

其实呢就是border: 1pxdasheddashed在控制!

pre.prettyprint {

border: 1px dashed #CACACA;

border-radius: 5px;

font-family: Arial,"Courier New" , Courier , monospace;

font-size: 12px;

overflow: auto;

margin: 5px 0px;

}

(0)

相关推荐

  • css设置虚线边框

    border-style属性用来定义边框的样式,可以使用dashed属性定义一个虚线边框. 语法:border-style:dashed; 操作方法 01 打开html开发工具,新建一个html代码页 ...

  • css制作虚线边框

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

  • 解决IE下a标签点击有虚线边框的问题

    操作方法 01 解决IE下a标签点击有虚线边框的问题 关键词:IE去除虚线边框.IE解决a标签虚线问题 先看看IE下,a标签出现的虚线边框问题: (上面中,红线包裹的就是一个翻页的按钮,按钮实际是hm ...

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

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

  • WPS图片怎么添加虚线边框效果?

    wps插入的图片想要添加虚线边框效果,该怎么制作虚线边框呢?下面我们就来看看详细的教程. 1.首先打开WPS文字,点击插入选择图片,如图. 2.插入完图片之后,如图所示. 3.然后右击图片,选择设置对 ...

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

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

  • PPT怎么制作红色虚线框? ppt画虚线边框的教程

    ppt图标中的数据想要使用红色的虚线框框起来,该怎么制作红色的虚线框呢?下面我们就来看看详细的教程. 1.首先点击插入菜单,插入文本框 2.如图,在柱状图上方绘制文本框,不用担心文本框太小,框不住内容 ...

  • WPS怎么给文字添加虚线边框?

    wps中想要给文字添加边框,该怎么添加虚线边框呢?下面我们就来看看详细的教程. 1.比如,要给下图中所示的文字添加一圈红色的虚线. 2.选中文字:再点右侧的属性,调出设置窗口 3.在展开的窗口中,选择 ...

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

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