最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

常用CSS修改实际操作技巧

日期:03-30    来源:网页设计秀Cnwebshow.com整理|    作者:



事例图片3:

seover="showMenu(this.id, 0, 1)" style="DISPLAY: none" twffan="done">
seover="attachimginfo(this, 'attach_32', 1);attachimg(this, 'mouseover')" onclick="attachimg(this, 'click', 'attachments/month_0703/20070328_ae495b7db7d4da598410lrIkiGXuAVkq.jpg')" onmouseout="attachimginfo(this, 'attach_32', 0, event)" alt="" src="http://www.cnwebshow.com/up/pic/0703305105400/4.jpeg" border=0 twffan="done">

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:

seover="showMenu(this.id, 0, 1)" style="DISPLAY: none; LEFT: 179px; POSITION: absolute; TOP: 2250px" twffan="done">
seover="attachimginfo(this, 'attach_33', 1);attachimg(this, 'mouseover')" style="CURSOR: pointer" onclick="attachimg(this, 'click', 'attachments/month_0703/20070328_6ad08368ef8de05755411SzarPpeFst2.jpg')" onmouseout="attachimginfo(this, 'attach_33', 0, event)" alt="点击在新窗口查看全图 CTRL+鼠标滚轮放大或缩小" src="http://www.cnwebshow.com/up/pic/0703305105400/5.jpeg" width=560 border=0 twffan="done" resized="true">

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>