CSS如何怎么设置div边框颜色宽度和高度?

html-css09

CSS如何怎么设置div边框颜色宽度和高度?,第1张

CSS设置div边框颜色宽度和高度步骤如下:

1、新建一个html文件,创建一个类名为wrap的div。

2、先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。

3、通过div 的border属性控制边框颜色,设置border的宽度为2px,线型为实线,颜色为蓝色。

4、这样就可以设置div边框颜色宽度和高度,如下图:

扩展资料:

css border属性:

border 简写属性在一个声明设置所有的边框属性。

可以按顺序设置如下属性:

border-width,border-style,border-color

如果不设置其中的某个值,也不会出问题,比如 border:solid #ff0000也是允许的。

在css设置可改变大小的div滚动条样式方法:

1.首先新建html文档,进入代码书写界面。

2.在</head>和<body>的里面写入代码,在<div>里面写入想要输入的内容</div>。

3.书写外层轨道css代码。body::-webkit-scrollbar { width:20pxheight:2pxbackground:#cccborder-radius:10px/*外层轨道*/}

这里主要是设置外层轨道的形状和颜色。

4.书写内层轨道css代码。body::-webkit-scrollbar-thumb{ display:blockwidth:6pxmargin:0 autoborder-radius: 10pxbackground:red/*内层轨道*/}

这里主要是设置内层轨道的形状和颜色。

5.代码工作做完后,就可以查看效果,效果如下红框所示,滚动条设置完成。

.topnr{width:642pxfloat:leftbackground:url(/images/pngt.png)  right 1px no-repeat}

1.括号后面跟位置是有一个空格的。这里写错了,很难排出错来。

2.你这里写错了,把image去掉,如果有image,后面什么也不加

如:background-image:url(../image/a.gif) 后面什么也不加。

如果不去掉image,就把  -0px 1px no-repeat这些去掉,在后面再加一个样式

background-position:right 0用法(background-postion:x y x为水平,y为垂直)

你错到第2点了     你错到第2点了   你错到第2点了

另外补充一下,你的width:342px我改成642了,是不是背景图尺寸大于342啊