在css中怎么加边框

给绿色布局加入边框

第1个回答  推荐于2016-07-28
css中加边框,首先我们需要确定你要加边框的元素的id或者是id,还有你必须保证这个元素是块级元素,不然width和height对它是无效的,自然也没边框,通过加display:block;这个属性,来改成块级元素,具体看代码:
<html>
<head>
<style>
.div1{ //div本身就是块级,所以不需要,算span这中标签就是行级,所以需要display:block;
width:600px;
height:200px;
font-size:13px;
border:1px solid #f00;
}

</head>

<body>
<div class='div1'>

</div>
</body>
</html>
第2个回答  推荐于2017-11-24
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<style type="text/css">
div{
width:200px; height:100px; border-bottom:1px solid #CCC;}
</style>
<body>
<div>div1</div>
<div>div2</div>
</body>
</html>本回答被提问者采纳

css如何加边框
1、首先我们要打开DW编辑工具 2、进入之后新建一个文件 3、在从中选择HTML文件,点击创建 4、这样我们就进入编辑界面了 5、接下来我们编辑上一个“p”标签,命名为box 6、在创建一个样式,写上.box{} 7、在css样式.box{}里加上这个代码“border:solid1px#333333;”8、这样在浏览器上就可以显示...

css边框线怎么设置
dotted :边框样式为点状边框 dashed :边框样式为虚线 solid:边框样式为实线,在大多数浏览器中呈现为实线。double:边框样式为双线。双线的宽度等于 border-width 的值。groove:边框样式为 3D 凹槽边框,它的效果取决于 border-color 的值。ridge :边框样式为垄状边框,它的效果取决于 border-color ...

css表格的边框线怎么设置
1. 设置表格边框线的基本样式 你可以通过CSS的`border`属性来设置表格边框线的样式。例如,你可以使用`border-style`属性来设置边框线的类型,使用`border-width`来设置边框线的宽度,以及使用`border-color`来设置边框线的颜色。例如:css table { border-style: solid;border-width: 1px;border-color:...

css怎么给文字加边框
css可以通过border属性给文字加边框。border 简写属性在一个声明设置所有的边框属性。可以按顺序设置如下属性:border-widthborder-styleborder-color 属性值:border-width 规定边框的宽度。border-style 规定边框的样式。border-color 规定边框的颜色。inherit 规定应该从父元素继承 border 属性的设置。示例:p...

如何设置边框样式?可以为边框添加哪些样式?
首先,在CSS中,边框样式可以通过"border-style"属性来设置。可以为边框添加的样式包括:dotted(点状边框)、dashed(虚线边框)、solid(实线边框)、double(双线边框)、groove(凹槽边框)、ridge(垄状边框)、inset(内嵌边框)、outset(外凸边框)等。例如,如果我们想要为一个名为"example"的类设置...

如何用CSS为图片添加精美圆角外边框
首先根据实现图片的大小制作一个圆角边框。打开PS,新建一空白文档,文档的大小根据需要情况来定,在此小编将其设置为400*400,设置完成后点击”好“按钮。选择工具栏上的”矩形“工具,在属性面板中将其半径设置为”20像素“,然后在绘图区绘制一个圆角矩形。在该图层的空白区域右击,选择”栅格化图层“,...

css如何设置虚线边框?css设置虚线边框的方法示例
CSS 中的 border 属性可用于创建对象边框,包括边框宽度、颜色和样式等。设置虚线边框,可使用 dotted 或 dashed 属性。dashed 生成长方形点虚线,而 dotted 则生成正方形点虚线。以下为利用 dashed 设置虚线边框的代码示例:生成的虚线边框效果如下:若需为虚线边框添加颜色并调整宽度,可进一步修改代码如下...

css对div设置边框?
1、打开html开发工具,新建一个html代码页面,然后创建一个标签,并给这个标签添加文字和一个class为了solid。创建代码:solid:定义一个边框 2、设置线条边框。创建标签,然后在这个标签里设置solid类的样式为实线边框。css样式代码: .solid{ border-style:solid;border-width:1px;} 3、保存html代码,然...

如何加宽下边框
在HTML和CSS中,边框是元素周围的一条或多条线,它可以出现在元素的顶部、右侧、底部或左侧。要特别加宽下边框,我们需要使用CSS的`border-bottom`属性。这个属性允许我们指定下边框的宽度、样式和颜色。设置下边框的宽度:使用`border-bottom-width`或者直接在`border-bottom`中指定宽度,可以控制下边框的...

css表格样式(CSS表格样式(如何设置表格边框、单元格间距等))
} ```如果您只想设置表格的某一边框,可以使用border-top、border-right、border-bottom和border-left属性。例如,下面的CSS代码将设置表格顶部边框为2像素宽的虚线边框,颜色为红色:```table{ border-top:2pxdashedred;} ```设置单元格间距 要设置单元格间距,我们可以使用CSS的border-spacing属性。

相似回答