分类: Css预览模式: 普通 | 列表

在DIV+CSS排版中新闻列表的制作方法

作者:cmscn  日期:2008-04-12

最终效果:

2005年5月30日 新闻标题01 
2005年5月30日 新闻标题02 
2005年5月30日 新闻标题03 
2005年5月30日 新闻标题04 
CSS代码: 

查看更多...

分类:Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 456

div+css左右两列布局

作者:cmscn  日期:2008-03-20

上次说到让页面整体居中的方法。现在说一下分两列布局的方法。还是利用上次的html代码。
<body>
 <div id="container">
  <div id="left" >
   左栏
  </div>
  <div id="right">

查看更多...

分类:Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 747

非CSS3 纯HTML 实现圆角表格

作者:cmscn  日期:2007-09-28

<TABLE style="TABLE-LAYOUT: fixed" height=28 cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
    <TR height=3 width="100%"> 
      <TD> <TABLE style="TABLE-LAYOUT: fixed" height=3 cellSpacing=0 cellPadding=0 width="100%" border=0>
          <TBODY>
            <TR height=1> 
              <TD width=1></TD>

查看更多...

分类:Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 526

CSS命名规则    

作者:cmscn  日期:2007-09-14

头：header
　　内容：content/container

　　尾：footer

　　导航：nav

查看更多...

分类:Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 617

CSS实现的文字竖排效果

作者:cmscn  日期:2007-09-08

<div style="layout-flow:vertical-ideographic">
说不上为什么<BR>
我变的很主动<BR>
若爱上一个人<BR>
什么都会值得去做<BR>
河边的风在吹着你吹着你的长发<BR>
飘动……<BR>

查看更多...

分类:Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 552

引入样式表(css)的四种方式

作者:cmscn  日期:2007-09-08

一、使用STYLE属性： 将STYLE属性直接加在个别的元件标签里。 
<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; ...}
例如： 
<TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"标楷体"; line-height:150%>
这种用法的优点 是可灵巧应用样式於各标签中，但是缺点则是没有整篇文件的『统一性』。

二、使用STYLE标签： 将样式规则写在<STYLE>...</STYLE>标签之中。 

查看更多...

分类:Css | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 573

格式化输入框

作者:cmscn  日期:2007-04-08


显示被隐藏内容 显示被隐藏内容
<style type="text/css">
<!--
input{BORDER-BOTTOM: 1px solid; BORDER-LEFT: 1px solid; BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 1px
}
-->
</style>
隐藏内容 隐藏内容
该内容已经被作者隐藏,只有会员才允许查阅 登录 | 注册

查看更多...

分类:Css | 固定链接 | 评论: 9 | 引用: 0 | 查看次数: 723

表格边线样式

作者:cmscn  日期:2007-04-07

<td    style="BORDER-RIGHT: #4f7fc7 1px solid; BORDER-TOP: #4f7fc7 1px solid; BORDER-LEFT: #4f7fc7 1px solid; BORDER-BOTTOM: #4f7fc7 1px solid; BORDER-COLLAPSE: collapse" cellPadding=3 >       </td>

注：cellpadding 为表格的填充选项

此代码为表格四面加边线
 

查看更多...

分类:Css | 固定链接 | 评论: 7 | 引用: 0 | 查看次数: 876

细线边框

作者:cmscn  日期:2007-03-31

<table style='border:solid 1px #0000FF'>

查看更多...

分类:Css | 固定链接 | 评论: 7 | 引用: 0 | 查看次数: 850

Css:给整个网页外围增加一个色彩边框

作者:cmscn  日期:2007-03-31

<body style="border:solid 15 #6688dd;margin:0px;" scroll=no>
内容
</body> 

查看更多...

分类:Css | 固定链接 | 评论: 8 | 引用: 0 | 查看次数: 789