css

1、ul li前面显示小黑点

list-style:disc inside;

去掉小黑点

list-style-type:none;

 

ul li 下划线

li {border-bottom:1px dotted rgb(230,230,250);}

 

<ul>
<li><a>teststsgsgdgdsdgdg</a><span>2012-12-12</span></li>

 span标签靠右显示

ul li a {width:600px;display:inline-block;color:#000;}给a标签加上宽度即可

</ul>

2、2个div显示在同一行 均加上float:left属性

.leftModule
{
width:237px;
height:279px;
margin-left:37px;
font-size:14px;
font-weight:bold;
float:left;
}

 

.rightContent
{
width:707px;
height:392px;
border:1px solid red;
font-size:14px;
font-weight:bold;
margin-left:8px;
float:left;
}

 

3、设置背景图片在背景中的位置

background:rgb(112,128,144) url(../images2/doublearrow.png) no-repeat;background-position:10% 45% ;

 

 

 

 

ps:errors

①height:auto不兼容ie 谷歌浏览器的解决方法:在div的css文件中加上overflow:hidden;即可

posted @ 2014-08-20 09:34  樱花飞落ll  阅读(241)  评论(0)    收藏  举报