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也是允许的。
table {border:2px 3px 4px 9px}上面的是修改页面中表格的边框，四个数字分别表示上 右 下 左四个方向的边框的粗细。
将table修改为td，则对应的修改表格内单元格的边框。还可以修改为 “a”、“tr”、“ul”、“img”……
具体的可以到网上找css的入门教程。
我觉得可以先定义好这个程序页面的宽度，比如width:100%或者width:200px这个看你实际的需要，可以先将要显示的区块，先display:none然后用jquery的一些动画方法，比如show()、fadeout()或者自定义的动画来显示，仅供参考哈！~
