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也是允许的。
首先我们在html页面中输入input的相关代码；<div class="form">
<input id="code" class="ipx code" name="code" placeholder="请点击按钮领取礼包" type="text"><input type="button" class="send" value="发送">
</div>
2
用浏览器查看时，会发现点击input出现了蓝色边框；
END
解决问题
查找了各方面的资料才知道这是input默认的样式。当然我们还是有办法解决的~，可以用css去除掉蓝色出现的蓝色边框，有三种方式：
第一种：直接在input中加style=“outline:none”如图
第二种方式：在顶部style中直接控制css样式：
<style type="text/css">
input{outline:none}
</style>
3
第三种方式：直接用 input:focus { outline: none} 控制聚焦时不出现蓝色边框~
HTML标签中的img标签在浏览器中会有一个默认2px的边框，取消边框需要在CSS中更改它的边框值，将border的属性设置成0或者NONE就可以了！建议这个IMG的BORDER的属性设置一个全局属性，这样可以防止代码冗余！
