<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">
<title>无标题文档</title>
<style type="text/css">
#c1{
width:70px
height:30px
border:solid 1px #CCC}
</style>
</head>
<body>
<div id="c1"></div>
</body>
</html
这里 就能写出一个框70px,高30px，的方框了，如果要调整方框的大小，直接改width和height的值就行
您好，要让视口有灰色的边，可以使用CSS的边框属性，比如border-color，可以设置为灰色，例如：border-color: #ccc。另外，还可以使用CSS的边框样式属性，比如border-style，设置为solid，例如：border-style: solid。这样就可以让视口有灰色的边框了。我们用 CSS 的 border 属性来定义元素边框的样式、宽度和颜色。例如：border:1px solid #eee （这是定义4个边框都为1px 灰色实线边框）
如果想定义4个边框为不同的样式，那么我们用以下4个属性分别定义：
1. border-top（上边框）2. border-right（右边框）
3. border-bottom（下边框） 4. border-left（左边框）
例如：
border-top:1px solid #ccc
border-right:1px solid #ddd
border-left:1px solid #eee
border-bottom:0 none
（这种写法是为了兼容浏览器，推荐使用！）
