1、在ul样式中设置文本居左对齐。
ul {
padding:0;
margin:0;
text-align: left;
list-style-type: none;
}
2、标签大小不同，可以用自定义的背景代替标签样式。
ul li
{
background-image:url(sqpurplegif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:14px;
}
扩展资料：
控制ul下具体的li:
1、ul li:first-child{ }
第一个li
2、ul li:last-child{ }
最后一个li
3、ul li:nth-child(4){ }
指定第几个,4就是代表第四个li
4、ul li:nth-child(2n+1){background:red;}
匹配第1、第3、第5、…个li
5、ul li:nth-child(odd){background:red;}
奇数的li
6、ul li:nth-child(even){background:red;}
偶数的li
text-align只是文字对齐方式，你写在span中，只会在span这个标签内进行左中右上下对齐，你只要知道现在网页设计里基本上只会写一次，用于整个页面的文字对齐方式。div设置宽度 使用margin：0 auto;居中 li左对齐 将左边收货人姓名\收货人姓名 元素设置为块元素设置固定宽度 对齐
收货单在边框里方法
方法一：可以使用fieldset（缺点不兼容老版本的ie）
<fieldset>
<legend>收货单</legend>
<p>内容</p>
</fieldset>
方法二：可以使用定位position:relative;来实现
<div><span class="title">我是边框上的文字</span><span>我是边框内的文字</span></div>2设置css样式
div{
width:200px;
height:100px;
padding:5px 30px;
margin:50px;
border:4px solid #ebcbbe;
}
spantitle{
display:block;
width:150px;
height:30px;
position:relative;
top:-15px;
text-align: center;
background: white;
}
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）