css文字排版 求高手谢谢了,大神帮忙啊

html-css010

css文字排版 求高手谢谢了,大神帮忙啊,第1张

<!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输入框

有点头绪了不?