频道栏目
首页 > 资讯 > HTML/CSS > 正文

div+css

13-05-20        来源:[db:作者]  
收藏   我要投稿

一.外部引用

left的div

.zhuce01 {
 font-family: "宋体";
 font-size: 12px;
 color: #FF0000;
}
.anniu {
 font-family: "宋体";
 font-size: 18px;
 font-weight: bolder;
}
.ziti {
 font-family: "宋体";
 font-size: 12px;
 font-weight: normal;
}
2.jsp页面

 <head>
<link href="css/zhuce01.css" rel="stylesheet" type="text/css">
  </head>

 

<table width="100%" height="100%" border="1" bordercolor="#5282CE" class="ziti">

    <td  class="bk"><p class="dl"><img src="image/zy.gif" width="177" height="25" /></p>

 

二、内部用

<div style="color:#00FF00">需要设置的内容</div>

三  css例子

/*页面主体*/
#pagebody {
width:780px; /*设定宽度*/
margin:0px auto; /*居中*/
}
#mainleft {
width:192px; /*设定宽度*/
float:left; /*浮动居左*/
clear:left; /*不允许左侧存在浮动*/
overflow:hidden; /*超出宽度部分隐藏*/
border:1px solid #006699;
margin:5px auto;
height:auto;
}
#mainright {
width:580px;
text-align:left;
float:right; /*浮动居右*/
clear:right; /*不允许右侧存在浮动*/
overflow:hidden;
border:0px solid #E00;/*初始使用表格,留存使用*/
margin:5px auto;
}
#mainright2 {
width:578px;
float:right; /*浮动居右*/
clear:right; /*不允许右侧存在浮动*/
overflow:hidden;
border:0px solid #006699;
margin:2px auto;
height:auto;
}
#mainright3 {
width:285px; /*设定宽度*/
float:left; /*浮动居左*/
clear:left; /*不允许左侧存在浮动*/
overflow:hidden; /*超出宽度部分隐藏*/
border:1px solid #006699;
margin:2px auto;
height:auto;
}
#mainright4 {
width:285px; /*设定宽度*/
float:right; /*浮动居左*/
clear:right; /*不允许左侧存在浮动*/
overflow:hidden; /*超出宽度部分隐藏*/
border:1px solid #006699;
margin:2px auto;
height:auto;
}

/*字体设置*/
#biaoti {
font-size:10px;
font-weight:bold;
padding-left:10px;
color:#FFf;
background-color:#006699;
height:20px;
}

 

 

相关TAG标签
上一篇:Oracle的存储过程加密
下一篇:在一个字符串中找到第一个只出现一次的字符
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站