html里border怎么用,html中border属性
html内外边框怎么设置
div style="border: 1px solid #DDD"/div
div是你想要的元素,1px是宽度,solid是样式
全部样式有:
none ? ?定义无边框。 ?
hidden ? ?与 "none" 相同。不过应用于表时除外,对于表,hidden 用于解决边框冲突。 ?
dotted ? ?定义点状边框。在大多数浏览器中呈现为实线。 ?
dashed ? ?定义虚线。在大多数浏览器中呈现为实线。 ?
solid ? ?定义实线。 ?
double ? ?定义双线。双线的宽度等于 border-width 的值。 ?
groove ? ?定义 3D 凹槽边框。其效果取决于 border-color 的值。 ?
ridge ? ?定义 3D 垄状边框。其效果取决于 border-color 的值。 ?
inset ? ?定义 3D inset 边框。其效果取决于 border-color 的值。 ?
outset ? ?定义 3D outset 边框。其效果取决于 border-color 的值。 ?
inherit ? ?规定应该从父元素继承边框样式。 ?
#DDD是颜色,可以是十六进制(#XXX或#XXXXXX)或rgb函数 rgb(红,绿,蓝)
相关网页:CSS边框
html中border设置长度
变通。border其实是没有长度属性可以设置的,只能通过变通的方式来实现。CSS的border属性是一个用于设置各种单独的边界属性的简写属性。border可以用于设置一个或多个以下属性的值:border-width、border-style、border-color。
在html中如何设置底部边框
1、首先新建一个html文件,输入基本的内容,这里设置一个div,并把它的class设置为demo,用浏览器打开看看默认的效果:
2、设置div的样式,这里给div300px的宽度。用border-bottom属性,设置底框为3像素,用实线框,颜色偏红色,设置完成后保存查看效果:
3、继续对边框美化,用box-shadow属性加入阴影效果,4个数值分别为垂直阴影,水平阴影,阴影尺寸,阴影颜色;设置阴影圆角为4em,最后按下crtl+s保存,在左边的浏览器就可以看见边框新的效果了:
如何在HTML中画一条线
需要准备的材料分别有:电脑、chrome浏览器、html编辑器。
1、首先打开html编辑器,新建一个html文件,例如:index.html。
2、其次,在index.html的body标签中,添加代码:hr/。
3、浏览器运行index.html页面,此时成功在html中画了一条线。
请问HTML语言中bordor属性怎么用?
1.border就是边框的意思,它定义的是块级元素(有这个属性display:block),元素的边框
(border)
是围绕元素内容和内边距的一条或多条线;
2.边框的属性:有宽度(width),样式(style),颜色(color),如果一起定义可以这样;在css中,img{
border:5px
solid
red
};定义所有图片的样式。
3.边框还可以单独定义,按上右下左
(top-right-bottom-left
)的顺序;如,p.aside
{border-style:
solid
dotted
dashed
double;}这条规则为类名为
aside
的段落定义了四种边框样式:实线上边框、点线右边框、虚线下边框和一个双线左边框。
1)如果,只有3个规则,如p.aside
{border-style:
solid
dotted
double;}表示,上、左右、下;2)如果,只有2个规则,如p.aside
{border-style:
solid
double;}表示,上下、左右。
3)1个规则,就不用说了,表示四个方向都遵守这个规则。
另外,还可以这样:p
{
border-style:
solid;
border-top-width:
15px;
border-right-width:
5px;
border-bottom-width:
15px;
border-left-width:
5px;
}
4.在css文件(以.css后缀)中,如a.css。一,定义全部元素用通配符"*"号:如,*{padding:0px;margin:0px}
二,定义标签元素(tagname)直接写,如p{规则;}、div{规则;}等;三,定义类元素(class)用".",如html中有p
class="aside"abc/p,css文件中用.aside{规则}定义样式;四,定义id用"#",如html中有p
id="aside"abc/p,css文件中用#aside{规则}定义样式;至于id与class的区别,就不说了。
5.border的详解,在这:
对了,引用css用link。
border在html语句里是什么意思?
HTML语句中“border=1”是边框为1像素的意思。
border 是 CSS 的一个属性,用 border 可以给能确定范围的 HTML 标记(如 TD、DIV 等等)画边框,它可以定义边框线的类型、宽度和颜色,利用这个特性,可以制作一些特殊效果。
一、border-width:thin medium thick 10px;
上边框是细边框,右边框是中等边框,下边框是粗边框,左边框是 10px 宽的边框。
二、border-width:thin medium thick;
上边框是 10px,右边框和左边框是中等边框,下边框是粗边框。
三、border-width:thin medium;
上边框和下边框是细边框,右边框和左边框是中等边框。
四、border-width:thin;
所有 4 个边框都是细边框。
扩展资料:
边框其他样式:
none 定义无边框。
solid 定义实线。
dotted 定义点状边框。在大多数浏览器中呈现为实线。
dashed 定义虚线。在大多数浏览器中呈现为实线。
double 定义双线。双线的宽度等于 border-width 的值。
groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。
ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。
inset 定义 3D inset 边框。其效果取决于 border-color 的值。
outset 定义 3D outset 边框。其效果取决于 border-color 的值。
inherit 规定应该从父元素继承边框样式。
参考资料:百度百科-border