css边框凹陷代码，css凹陷效果

怎么使用CSS实现边界凹陷状态

border-style 可以使用 groove 定义 3D 凹槽边框。其效果取决于 border-color 的值。ridge 定义 3D 垄状边框。其效果取决于 border-color 的值。inset 定义 3D inset 边框。其效果取决于 border-color 的值。

不用边框，用两个div嵌套，外面那个比里面那个大1px，然后外面那个用45度的斜方向背景渐变(支持的浏览器多)，里面那个用背景色加内阴影。

你inex.asp页面的页边距没设置成靠左。如果你没有对页面的顶距和左边距进行设置的话，浏览器默认是有空隙的。所以把页面的左边距设成0就OK了。wei.asp这个文件也没设置上边距和左边距。修改方法同上。

比如：..这样的话，不管页面怎么动，div始终是1000px，不会变。如果想要有滚动条的话，还得加上：overflow：scroll； 也写在style里面。

这个应该是border的属性。border-style：inset就是凹陷的效果。参考“盒子模型”。只需要在css里面控制border的样式。此外用图片按钮也可以达到各种效果。

相关问答

Q1: CSS语言大全

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

一个样式表一般由若干样式规则组成，每条样式规则都可以看作是一条CSS的基本语句。每条规则都包含一个选择器（例如：BODY，P等）和写在花括号里的声明，这些声明通常是由几组用分号分隔的属性和值组成。

层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。 CSS目前最新版本为CSS3，是能够真正做到网页表现与内容分离的一种样式设计语言。

CSS就是一种叫做样式表（stylesheet）的技术，也有的人称之为层叠样式表（Cascading Stylesheet），在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

Q2: css对div设置边框?

CSS边框宽度属性 边框宽度是显示边框的一个重要属性。用法如下：边框宽度：右上下左 参数描述：Top：Topborder属性，可以设置像素或样式，即上边框的宽度。Right：Rightborder属性，可以设置像素或样式，即上边框的宽度。

border-radius后面直接接数值。例如border-radius：5px；详细参考：.cn/cssref/pr_border-radius.asp 图片圆角就是事先切除圆角图片，可以制作定高，或者定宽的div。

CSS border-width 属性 border-width是实现显示边框的重要属性。用法如下：border-width：top right bottom left 参数说明：top：上边框属性，可以设置像素，也可以设置样式，意思为上边框的宽度。

div标签默认是不带边框，但是通过编辑CSS可以定义其边框。border-left：1px solid #000 设置对象左边1px实线黑色边框。border-right：1px solid #000 设置对象右边1px实线黑色边框。

Q3: 如何设置边框样式?可以为边框添加哪些样式?

1、单元格边框：可以对单个或多个单元格设置不同的边框样式，如上边框、下边框、左边框、右边框等。 单元格中央线：可以对单个或多个单元格设置水平或垂直的中央线。

2、边框样式（border-style）：可以设置边框的样式，例如实线、虚线、点线等。边框宽度（border-width）：可以设置边框的粗细程度，可以使用具体的像素值或者相对单位进行设置。

3、将设置外边框线和内边框线的表格全部选中，在右键菜单中选择“边框和底纹”，点击打开。在窗口中选择“方框”选项卡，在“样式”位置选择外框线样式，在“宽度”选项位置中选择外框线的线条宽度即可。

4、设置步骤如下：在Word中打开文档并插入表格。将光标放置在表格中的任意单元格。在顶部菜单栏中选择“表格工具”选项卡。

Q4: CSS样式表代码布局基础教程

1、多重样式将层叠为一个 样式表允许以多种方式规定样式信息。样式可以被规定于单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在一个单一的 HTML 文档内部引用多个外部样式表。

2、创建使用css样式表有三种，分别是外部样式表，内部样式表和内联样式。

3、我们新建一个css文件，把txt的文件后缀名改为css即可，之后打开就可以写入css代码了。我们用标签选择器为p标签、p标签和span标签的内容设置样式。

4、新建一个html文件，命名为test.html，用于讲解div+css布局的基本流程。在test.html文件内，对body进行样式初始化，设置外边距margin为0，内边距padding为0，同时使用text-align设置文字居中。

5、【DW教程】如何利用CSS样式设置列表文字？1打开AdobeDreamweaverCC2015。2执行菜单栏中的文件新建命令或按住Ctrl+N键打开新建文档对话框，选择其文档类型为HTML，单击创建按钮，即创建一个网页文档。

Q5: 像这种矩形凹陷的效果怎样用div+css实现

不用边框，用两个div嵌套，外面那个比里面那个大1px，然后外面那个用45度的斜方向背景渐变(支持的浏览器多)，里面那个用背景色加内阴影。

其实这个很简单啊，只要你设定了宽度，自然就不会随着页面宽度的改变而改变。如果你不设置宽度的话，就会自动换行。

大家都知道CSS具有强大的功能，能够让页面变得美观靓丽，随着CSS的版本的提高，功能也越来越强大，下面简单介绍一下如何使用CSS实现各种几何图形效果。

这种效果要做很简单，做一个白色半透明的png图片，然后把它作为文字所在的那个div的背景即可，这个比较简单，就不详细说明了。

这个效果是通过在图片上定义一个vertical-align：top；来实现的。让文字和图片的顶端对齐。

关于css边框凹陷代码和css凹陷效果的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。