如何使用css，把div设置为一个椭圆容器,在做html页面开发时，我们一般都是使用div来做容器的，如果你需要一个椭圆形的容器，我们可以使用div来实现的，下面来看一下。......
如何让网页边框更美观
来源：互联网
2023-03-16 19:10:48 393
网页的边框是困扰了很多人的老大难的问题，包括于边框细节的规划和修改，虽然都是比较小的部分，但是的确很影响到了美观，更别说如果您有强迫症或者您的测试有强迫症了，本篇文章就将和大家介绍常用的修改边框美观整洁的方法，更是通过了一个例子进行实战练习，希望大家在观看后可以学有所得。
工具/原料
- eclipse
- Chrome或其他浏览器
方法/步骤
我们整个优化过程将通过一个例子来和大家进行具体地说明，我们在这张图里面可以看到，边框有着明显的不整齐，这个时候我们需要调整这个边框，来使内外边框可以对齐，以达到整洁和美观的效果。
这个时候，我们必须要先找到规划这一段页面的jsp或者html文件，我这里的问件jsp，找到以后，我们需要大致的看一下里面的相关内容。
我们可以看到，其中的html/css样式就显示在这里。
我们需要找到正确的div，这里是上面一个正确的div空间，而不是下面那个，我们给后面的style加上一个magin：5px，意思是周围空5个px大小的空间，具体更改以后的效果还有更改的地方如图：
如此这样修改三处地方，我们就可以修改好整个边框，使得它变得好看多了。
相信细心的朋友已经发现了，我们这还有一个问题，就是表格的外边框是特别粗的，我们也需要根据这个进行相应的修改。
我们来看下相信的代码上的需要修改的地方：
经过观察，我们发现，边框粗的原因是因为table有一层边框，而div自带一层边框，这个时候我们只需要把table自带的边框给取消，我们就可以让这个变细了，效果图如右图，这个页面是不是很美观，操作也很简单呢？
以下圈出我们这次修改的地方：
注意事项
- 需要对于html/css语句进行细致的观察以及对源代码的分析
- 不确定这个是哪一个模块的，可以按下F12进行模块查看（浏览器中）
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
上一篇：HTML5中如何在画布里加载图像 下一篇：easyui的body布局
相关文章
- 详细阅读
- 详细阅读
-
HTML5创作工具，MAKA 2.0史上最全操作指南详细阅读
HTML5创作工具，MAKA 2.0史上最全操作指南,超过15000种模板组合。还怕你没有发挥的空间吗？MAKA（中文：码卡）作为中国最早推出移动端卡片式交互模式的创新者，随着HTML5技术的日渐成熟......
2023-03-16 432 HTML
![HTML网页制作：[17]CSS常用样式字体及颜色属性](https://exp-picture.cdn.bcebos.com/ba274f598540102a99638a11b142a07aa110c5d4.jpg)