css+div如何美化滚动条,

html-css08

css+div如何美化滚动条,,第1张

调他的样式就可以了呀。

SCROLLBAR-FACE-COLOR(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR(滚动条的基本颜色)

SCROLLBAR-DARK-SHADOW-COLOR(立体滚动条强阴影的颜色)

看看下面的代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>像文字一样的按钮</title>

<style>

form{

margin:0pxpadding:0px

font:14px

}

input{

font:14px Arial, Helvetica, sans-serif

}

.txt{

border-bottom:1px solid #005aa7 /*下划线效果*/

color:#005aa7

border-top:0pxborder-left:0px

background-color:transparent /*背景色透明*/

}

.btn{

background-color:transparent

border::0px /*边框取消*/

}

</style>

</head>

<body>

<form method="post">

请输入您的信息:<input type="text" name="name" id="name" class="txt">

<input type="submit" name="btnSubmit" id="btnSubit" value="Submit>>" class="btn">

</form>

</body>

</html>

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也是允许的。