怎么给div加边框

怎么给DIV加边框？这要看具体运用的情景，下面列举几种DIV加边框的方法。

操作方法

  • 01

    最简单的作法，就是直接设置 border-style：solid 边框，只是边框样式比较不好看： <div style="border:1px #000000   solid;">怎么给DIV加边框？</div>

  • 02

    使用CSS定义，给DIV加2px虚线绿色边框： #div1 { border: 2px dashed #0F0; border-right: 2px dashed #0F0 }

  • 03

    使用CSS定义，指定DIV边框大小、线形及颜色： #div2 { height: 100px; width: 200px; border: 1px solid #F00 }

  • 04

    使用CSS， 给DIV四周边框添加阴影： #shadow { height: 150px; width: 150px; -webkit-box-shadow: #666 0px 0px 20px; -moz-box-shadow: #666 0px 0px 20px; box-shadow: #666 0px 0px 20px; background: #EEFF99; }

  • 05

    使用CSS， 给DIV添加圆角的边框： #radius { height: 150px; width: 150px; border: 2px solid; border-radius: 25px; }

赞 (0)

相关推荐

  • WPS文字如何给页面加边框

    WPS文字如何给页面加边框

    页面边框是什么?页面边框就是在一个页面上添加上一些边框让文档更加的醒目和好看.页面边框主要用于在WPS文档中设置页面周围的边框,可以设置普通的线型页面边框和各种图标样式的艺术型页面边框,从而使Word ...

  • word2010给文字加边框的工具是什么

    word2010给文字加边框的工具是什么

    在实际操作中,如果为文字添加边框,会使文档更加美观,word2010给文字加边框的工具就是字符边框和框线,下面是具体方法 选择要添加边框的字符,单击[字体]组中的[字符边框]按钮,如图所示 效果如图所 ...

  • Word怎么给文字加边框呢?

    用Word排版时,有时因为文档没有图全都是文字,版面显得极其单调.如果想让版面有所变化,可以通过给文字加边框来实现,那么Word怎么给文字加边框呢?下面小编就为大家介绍一下,一起来看看吧! 首先打开纯 ...

  • 超级转换秀怎么给视频加边框?超级转换秀加边框图文教程

    超级转换秀是国内首个集成CD抓规.音频转换.视频转换.音视频混合转换.音视频切割/驳接转换于一体的优秀影音转换工具,超级转换秀是国内首个集成CD抓规.音频转换.视频转换.音视频混合转换.音视频切割/驳 ...

  • HyperSnap给图片加边框教程

    怎么给图片加边框?给图片加边框的方法很多,笔者这里提供一种,简单快捷,占用电脑空间少的操作方法,使用HyperSnap给图片加边框.HyperSnap是一款专业屏幕截图软件,具有强大的图像.视频全能捕 ...

  • excel表格怎样添加边框 给表格加边框及自定义边框样式的设置方法

    excel是我们常用的办公软件,有时为了突出表格内容,需要给表格添加一些边框样式,那么excel表格怎样添加边框?下面小编带来给表格加边框及自定义边框样式的设置方法,希望对大家有所帮助. 给表格加边框 ...

  • vivo手机中图片加边框教程

    vivo手机中图片加边框教程

    相信很多小伙伴都有在使用vivo手机,在其中有个功能,能让我们给图片加边框,那么具体怎么操作呢?下面小编就来为大家介绍.具体如下:1. 首先,打开手机上的"相册".2. 进入相册页 ...

  • 怎么通过滤镜功能给图片加边框？

    怎么通过滤镜功能给图片加边框？

    PS上我们其实可以通过滤镜功能给图片添加边框,一起来看看添加的方法吧.具体如下:1. 第一步,点击打开电脑上的Photoshop cs5,进入软件页面,使用打开功能打开一张风景素材图片.2. 第二步, ...

  • 电脑PS怎么为图片加边框

    电脑PS怎么为图片加边框

    今天给大家介绍的是电脑PS怎么为图片加边框的具体操作步骤.1. 首先双击打开电脑上的PS,然后将需要添加边框的图片导入PS画布.2. 接下来点击图片图层选中,接着点击右下角的混合样式属性,在弹出的窗口 ...