css设置div样式,如何设置div的样式

用css怎么设置div滚动条的样式，可改变大小的

1、打开adobe dreamweaver，新建一个html页面，进入html页面编辑。

2、这是新建页面，在代码的body中间编写一个div层。“ctrl+s”另保存到我们知道的目录下，命名为“ceshi.html”然后保存这个页面。

3、在新建css样式文件

4、写样式用".pingmu{}"开始写，给它固定宽高，再添加背景色，让div自适应宽高，超过部分显示滚动条。保存文件。

5、引入这个css样式，通过链接，把刚才写好的css样式引入。保存即可

6、浏览器打开ceshi.html页面，可以看到右边跟底部都多了滚动条，超过的部分可以利用滚动条拖动。

css样式如何控制div到最顶层

1、新建一个html文件，命名为test.html

2、在test.html文件内，使用css设置页面所有的div宽度为300px，高度为300px，div的位置为绝对定位。

3、在test.html文件内，创建三个div，并用文字标识，分别为底层div、中层div、最顶层div。

4、在test.html文件内，分别给三个div设置class属性为one、two、three，用于下面对类名进行样式设置。

5、在css标签内，设置类名为one的div样式，设置其背景颜色为红色，距离页面左边缘为0，距离页面上边缘为0，同时使用z-index设置其层级为1。

6、在css标签内，设置类名为two的div样式，设置其背景颜色为黄色，距离页面左边缘为50px，距离页面上边缘为50px，同时使用z-index设置其层级为2，即在类名为one的div的上面。

7、在css标签内，设置类名为three的div样式，设置其背景颜色为粉红色，距离页面左边缘为100px，距离页面上边缘为100px，同时使用z-index设置其层级为3，即在页面三个div中的最顶层。

8、在浏览器打开test.html文件，查看实现的层级效果。

用css给div的border设置阴影、只要上、下、左有，右边不要阴影、请问该怎么写？

1、首先新建一个html文件，命名为test.html，使用div标签创建一个模块，用于测试。如下图所示。

2、在test.html文件内，给div添加一个class属性，属性值设置为myway。

3、然后在css标签内，通过class设置div的样式，定义它的宽度为200px，高度为200px，背景颜色为黑色。

4、接着在css标签内，再使用box-shadow属性设置div的阴影效果，其中，左边阴影为绿色，顶部阴影为蓝色，底部阴影为红色，右边阴影为黄色。

5、最后在浏览器打开test.html文件，查看实现的效果，如下图所示就完成了。

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

1.首先，您需要创建一个div,对div进行添加一个class。我们利用CSS通过class来设置div的边框。

2.创建一个用于设置边框的CSS文件，对于您实际开发中，将边框添加到您的CSS文件中即可。

3.在CSS文件中设置DIV的边框，首先我们可以先给div一个宽度与高度。

4.得到了宽度与高度后，如果我们没有边框，是看不到样式的。如果您的div中有内容，那么只是显示那些内容而已。

5.接下来，添加一个border边框。

6.我们将边框设置为1px.如果只是设置了宽度而没有设置颜色与具体的显示样式的话，边框并不会显示，您现在可以刷新一下您的页面看一下，添加了border:1px后是否显示，答案是肯定不显示的，因为我们参数没有写完整。

7.参加第二个参数颜色值，具体的颜色您可以百度搜索具体的样式值的代码，您可以使用基本色直接使用单词拼写也是可以的。

8.最后一个参数是显示样式，您可以选择不同的样式来进行显示，我们这里使用的是实线的方式来实现。

9.如果您使用的是一些专门用来做前端开发的软件，您输入后，会有一些提示，您如果选择不同样式来试一试看。

10.添加了上述的三个属性后，您的div边框即可显示出来了。

css设置div滚动条样式

目前只有chrome支持设置滚动条样式，给div设置伪类

::-webkit-scrollbar 滚动条整体部分，可以设置宽度啥的

::-webkit-scrollbar-button 滚动条两端的按钮

::-webkit-scrollbar-track  外层轨道

::-webkit-scrollbar-track-piece  内层滚动槽

::-webkit-scrollbar-thumb 滚动的滑块

::-webkit-scrollbar-corner 边角

::-webkit-resizer 定义右下角拖动块的样式

如div::-webkit-scrollbar{

width:4px

}

css设置div只显示某一边的边框

在网页设计中经常用到css来设计各种边框样式以及颜色等，有时候需要一个p只显示一个边框，那么你可能会用到下面的一些方法。

一、CSS border-width 属性

border-width是实现显示边框的重要属性。用法如下：

border-width:top right bottom left

参数说明：

top：上边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。

right：右边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。

bottom：下边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。

left：左边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。

其中像素如：10px 20px等

内置样式有：

thin：定义细的边框；

medium:默认值，定义中等边框；

thick：定义粗的边框；

inherit：继承父元素的边框宽度。

二、CSS border-style 属性

border-style是用来设置边框线样式的，语法如下：

border-style:样式;

其中可设置的样式有：

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 规定应该从父元素继承边框样式。

三、实例应用

只要定义边框不为0，即可显示边框（但是需要定义边框线样式），如果想要只显示下边框就相当于把top、right、left设置为0px；下边框不为0即可。

实例如下：

只显示下边框

显示如下：

如果想要只显示右边框只需要改border-width属性为 0 1px 0 0即可。