<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" /><title>文档</title><style>body {margin:0padding:0background: #000color:#FFFFFFfont-size:12pxtext-align:center} ul,li{list-style-type:nonemargin:0} .div{width:300pxborder:1px #fff solidmargin-top:100px} .div ul{} .div li{ float:leftwidth:150pxline-height:25pxborder-bottom:1px #fff solid} .div li.box1{width:300px} </style></head><body><div class="div"><ul><li class="box1">加粗文字连接1</li><li>文字连接</li><li>文字连接</li></ul><ul><li class="box1">加粗文字连接1</li><li>文字连接</li><li>文字连接</li><li>文字连接</li><li>文字连接</li></ul></div></body></html>那些英文是class的命名,这个随便自己定义。
<div class="textbox">这里是输入的内容</div>
这样就结合起来了。
和表单里的内容结合
.textbox{margin:0width:100%}
.textbox input{text-align:center}
/*以上是样式部分*/
<div class="textbox"><input name="" type="text" /></div>
这样就定义了div也定义了div里面的input输入框
有点头绪了不?