css简单应用

最新推荐文章于 2020-06-14 02:08:09 发布

shizhan1881

最新推荐文章于 2020-06-14 02:08:09 发布

阅读量529

点赞数

分类专栏： javascript 文章标签： css class xhtml encoding float menu

本文链接：https://blog.csdn.net/linshizhan/article/details/7713134

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<?xml version="1.0" encoding="UTF-8"?>
<!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" xml:lang="en" lang="en">
	<head>
	   <style type="text/css">
	    	#menu{width:200px;height:280px;background:url(img/bg.gif) no-repeat;}
	        li{font-size:12px;list-style:none;line-height:25px;}
	        .menu-class{font:bold 14px 宋体;color:#ff7300;line-height:35px;}
	        .menu-li{color:#636362;float:left;width:50px;}  	
	        .space{height:15px;}
	        p{letter-spacing:5px;text-decoration:underline;}
	   </style>
	</head>
	<body>
	
	<div id="menu">
	
	   <ul class="space">
	   </ul>
	   
	   <ul>
		<li class="menu-class">家用电器</li>
		<li class="menu-li">大家电</li>
		<li class="menu-li">洗衣机</li>
		<li class="menu-li">电冰箱</li>
		<li class="menu-li">相机</li>		
		<li class="menu-li">电视</li>		
		<li class="menu-li">DVD</li>		
		<li class="menu-li">相机</li>		
		<li class="menu-li">电视</li>		
		<li class="menu-li">DVD</li>		
      </ul>
      
	  <ul>
		<li class="menu-class">日用百货</li>
		<li class="menu-li">肥皂</li>
		<li class="menu-li">洗衣粉</li>		
		<li class="menu-li">纸巾</li>			
		<li class="menu-li">洗发水</li>
		<li class="menu-li">洗洁精</li>		
		<li class="menu-li">毛巾</li>		
		<li class="menu-li">相机</li>		
		<li class="menu-li">电视</li>		
		<li class="menu-li">DVD</li>				
	  </ul>
	</div>
	
	</body>
</html>