css凹边框，css做边框

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

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

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

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

有部分是透明的而已。在css3里面 可以给他加上圆角边框 甚至直接变成个圆框。 但说到底只是框是圆的其实还是占一个矩形的位置、可以让它看起来的效果的形状变换，但它的本质变不了。可以叠加起来实现很多效果。

在css里加如下的代码：border： 5 solid gray；border-radius：10px；如过你不想要边框，去掉 border： 5 solid gray；就行了。

相关问答

Q1: 页面左边线要求一个半圆凹进去用css怎么写

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

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

3、你说的凹进去是不是跟文本编辑器的自动换行那个一个意思啊，如果内容多的活，自动就换行，如果不设置自动换行，就会有滚动条出现，其实这个很简单啊，只要你设定了宽度，自然就不会随着页面宽度的改变而改变。

4、在test.html文件内，使用table标签创建一个表格，用于测试。在test.html文件内，设置table标签的class属性为tb。在css标签内，通过class设置表格的宽度为300px，高度为300px。

Q2: css如何设置div边框css设置div边框颜色

1、html中调整位置使用css的float属性。

2、设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色。保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

3、CSS设置div边框颜色宽度和高度步骤如下：新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。

4、首先，您需要创建一个div，对div进行添加一个class。我们利用CSS通过class来设置div的边框。创建一个用于设置边框的CSS文件，对于您实际开发中，将边框添加到您的CSS文件中即可。

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

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

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

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

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

Q4: CSS中border中groove是什么意思

1、首先，在CSS中，边框样式可以通过border-style属性来设置。

2、border在html中的意思是边框。border是CSS的一个属性，用border可以给能确定范围的HTML标记（如TD、DIV等等）画边框，它可以定义边框线的类型、宽度和颜色，利用这个特性，可以制作一些特殊效果。边框分类：none定义无边框。

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

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