首页  |  精品网站  |  原创作品秀   |  艺术设计  |  网络学院  |  信息中心  |  站内搜索  |  求职招聘  |  建站资源  |  服装网站  |  编程开发 |  设计论坛 
  平面设计 画册 VI欣赏 包装 CG-插画   酷站 个人网页 商业网站   Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校   专题欣赏 SEO 图标欣赏
域名注册 虚拟主机 广州网站建设 广州网页设计 IDC赞助 设计资源下载 虚拟主机 域名注册 品牌网站建设 服装品牌网站建设 广告服务 网站推广 娱乐
当前位置:首 页 >> 网络学院 >> Dreamweaver ※ FrontPage >> 常用CSS修改实际操作技巧

常用CSS修改实际操作技巧

来源:网页设计秀Cnwebshow.com整理 被读208次

中资源
转载请注明出处-中国设计秀-cnwebshow.com



事例图片3:



3.表格边框CSS定义
  
1):方法1;
动易默认文章首页CSS

进入后台,打开网站风格管理,按ctrl+F查找 .main_title_282 找到:
.main_title_282 /* 栏目文章列表标题表格背景、文字颜色定义(282) */
{
background:#FFE3DC;color:#ff0000;height: 24;border-top: 1px solid #ff0000;border-left: 1px solid #ff0000;border-right: 1px solid #ff0000;padding-left:20;
}
.main_tdbg_282 /* 栏目文章列表内容表格背景、文字颜色定义(282) */
{
border: 1px solid #ff0000;line-height: 150%;text-align: left;padding-left:5;padding-right:5;
}

注释:(border-top: 1px solid #ff0000;border-left: 1px solid #ff0000;border-right: 1px solid #ff0000;)上、左、右、边框的颜色和粗细;
      (background:#FFE3DC;)背景颜色;
      (border: 1px solid #ff0000;)border: 1px solid #ff0000;边框颜色为红色。
      (line-height: 150%;text-align: left;padding-left:5;padding-right:5;) 分别是行高,距离左和右的距离是5px。


事例图片4:

点击在新窗口查看全图
CTRL+鼠标滚轮放大或缩小

2):方法2;  
  
   自己定义表格边框的CSS
  
  代码:
<table width="180" align="center" style="BORDER-RIGHT: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; border-top: #ff0000 1px solid; border-bottom: #ff0000 1px solid" >
  <tr>
    <td></td>
  </tr>
</table>

分别定义了表格 上、下、左、右 粗细为1像素,边框为红色的表格。效果同上。

这里一般只用 左、右就可以了(style="BORDER-RIGHT: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid;),可以根据自己的需要来删除和添加。

4. 文章内容页主标题与内容文字的CSS

  文章主标题的颜色与字体大小;
  进入后台,打开网站风格管理,按ctrl+F查找 main_ArticleTitle 找到:

.main_ArticleTitle /* 主标题文字颜色定义 */
{
color: ff0000;font-weight:bold;font-size: 18;line-height: 150%;
}

这个不用注释了吧,颜色和字体大小都在这里。

   文章内容文字的字体大小,行高,行距等;

<SPAN style="font-size:14.8px;line-height:24px;letter-spacing:1px">{ $ArticleContent}</span>

<< 1 2 >>
转载请注明出处-中国设计秀-cnwebshow.com



投稿 】【对本文进行评论】 【字体: 】【发布于2007-03-30 10:54】

相关专题:暂无相关专题

上一篇:CSS层叠样式表 (基础篇)   下一篇:在Dreamweaver中插入有颜色的直线
 认证LOGO下载
     
Copyright © 2005-2007 中国设计秀_网页设计教程_优秀网页设计欣赏_平面设计欣赏 All Right Reserved.
做最专业的设计服务网站,秀出自我,秀出精彩!中国设计秀,秀---无处不在!!
QQ:54292427  8208442 MSN:kingvisual#hotmail.com 交流群:9107036 3848215 8850631
粤ICP备05067046号 RSS