css对div设置边框

前端开发过程中，很多时候需要对一些标签进行边框的设置，那如何使用css设置边框样式呢？css提供了一个用于设置边框属性的border-style，可以通过border-style设置边框的线条样式。

操作方法

  • 01

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

  • 02

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

  • 03

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

赞 (0)

相关推荐

  • CSS中如何设置div的边框

    您可以根据自己的需要,对div进行设置它的边框样式,或是隐藏掉div的边框.而在开发过程中,您如果使用得当div,它将给您的开发带来很大的便捷. 操作方法 01 首先,您需要创建一个div,对div进 ...

  • css设置边框阴影;box-shadow的使用

    如何使用box-shadow设置边框阴影. box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式].投影方式有两种:inset.outset,默 ...

  • DIV+CSS教程：设置斜体与英文字母大小写转换

    斜体在日常编写文档时经常用到,在网页中CSS也可以设置,英文字母大小写转换在日常也很常用. 操作方法 01 在CSS斜体是通过font-style属性来设置.如设置斜体代码:font-style:it ...

  • 怎么给div加边框

    怎么给DIV加边框?这要看具体运用的情景,下面列举几种DIV加边框的方法. 操作方法 01 最简单的作法,就是直接设置 border-style:solid 边框,只是边框样式比较不好看: <d ...

  • word中如何设置边框和底纹

    word中如何设置边框和底纹

    word中如何设置边框和底纹

  • word表格设置边框线颜色和样式方法

    word表格设置边框线颜色和样式方法

    首先,右键点击表格,在弹出的右键菜单中选择"边框和底纹",在"线形"中我们可以设置边框线的样式.然后在"颜色"中选择自己需求的颜色确定即可. ...

  • 如何为wps表格设置边框和底纹

    为wps表格设置边框和底纹的方法 首先打开准备好的表格,选中要加边框的表格区域,在开始菜单下单击如图所示的地方,点开下拉三角,单击[所有框线]. 完成后所有的单元格将会有边框. 先选中要加底纹的区域, ...

  • 哔哩哔哩弹幕怎么设置边框样式?

    哔哩哔哩弹幕怎么设置边框样式?  1)点开哔哩哔哩动画,首先进入主界面中左上角处的[个人用户],然后下拉界面点击[设置与帮助];(如下图) 2)随后点击[弹幕设置],再进入[弹幕边框样式];(如下图) ...

  • WPS表格怎么设置边框样式?

    WPS表格想要更漂亮,该怎么设置样式呢?下面我们就来看看详细的教程. 1.首先,在电脑桌面双击WPS表格,进行打开,如图所示 2.然后,在快速访问工具栏中,选择打开图标,如图所示 3.弹出对话框,在磁 ...