border 边框隐藏，web边框的阴影怎么设置_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 0:59:07 共计：3604 浏览

1、首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果。

2、设置div的样式，这里给div300px的宽度。用border-bottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果。

3、继续对边框美化，用box-shadow属性加入阴影效果，4个数值分别为垂直阴影，水平阴影，阴影尺寸，阴影颜色；设置阴影圆角为4em，最后按下crtl+s保存，在左边的浏览器就可以看见边框新的效果了。

input{ border:none; }或者input{ border:0; }，两种写法都可以设置input无边框效果。

方法1：

方法2：

给input设置border:none;但在iE6下不行，还有边。应该将 border:none; 换成border:0; 这是ie6 的兼容性问题

两种写法都可以设置input无边框效果。

在属性窗口中选择属性BorderStyle，再选择它的值0-none。

样式标签为：border-bottom-color，是设置底部边框颜色的，其它三个边框则把中间的bottom分别改为Top（上部）、Left（左部）、Right（右部）即可。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。