<input type="text" style="width:120pxheight:24pxborder:1px solid #ccccccfloat:leftmargin:4px 0" value="USER ID"/>
<!--type是设置input的类型,text,是单行文本,button是按钮,style,是设置input的属性依次为:宽度,高度,描边(线宽,模式,颜色),浮动(左边),跟周边距离(上下4px,左右0),框里默认字符-->
<input type="button" style="width:60pxheight:50pxmargin:4pxfloat:rightdisplay:inline" value="login" />
<input type="text" style="width:120pxheight:24pxborder:1px solid #ccccccfloat:left" value="PASSWORD" />
</div>
用dreamweaver建一个HTML文本,然后复制这段,到<body></body>里,这么详细,你不能不给我分!!
background: #ffffe0border: 1px solid #f2f2f2
border-left: 4px solid #090
就是这个。。
css中添加边框的代码为
border: width style color /*分别设置边框粗细、样式、颜色*/示例如下:
创建Html元素:一个包含文章内容的div
<div class="post">这是示例的文章。</div>设置css样式
div.post{width:400pxheight:100px
padding:10px
border:2px solid #ebbccb /*设置边框为2px粗,实线,#ebbccb色*/
}
观察显示效果