|
不过在我们的博客圈中只有VIP用户才有资格制作DIY模板,所以不用灰心,让我们努力挣足积分,然后就可以拥有自己喜爱的博客模板了。
1、表格的基本语法
<table>...</table> - 定义表格 <tr> - 定义表行 <th> - 定义表头 <td> - 定义表元(表格的具体数据)
其中还有一些属性设置:
class=提前设置好的样式方案(以后会做详细介绍) vAlign=对齐方式 bgColor=背景颜色 height=高度 width=宽度 background="http://www.vcmblog.com/背景图片的URL(连接地址) border=边框宽度
2、插入图片的基本语法
<img src="图片的URL" alt="图片的文字介绍,鼠标放在上面时会显示,或者图片如果无法打开则显示文字" align=对齐方式>
3、行的控制
段(Paragraph) (可以看作是空行) <p>
例如:
代码:你好吗?<p>很好。
显示:你好吗?
很好。
换行 <br>
例如:
代码:你好吗?<br>很好。
显示:你好吗?
很好。
4、连接的基本语法:
<a href="/URL">连接的文字介绍(页面上将显示这部分内容,可以在这里加入图片代码,即可实现图片连接)</a>
5、定义文字:
<DIV class=先前设置好的样式 align=对齐方式>需要定义的文字</DIV>
6、下面介绍一些样式上的设定:
<STYLE type=text/css>
<!--
body { //页面设置
margin-left: 0px; //以下四个是页面显示的座标
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #cccccc;
SCROLLBAR-FACE-COLOR: #99CC7E; //以下是页面中滚动条的颜色设置,大家根据其中的英文就可以猜出来其含义了
SCROLLBAR-HIGHLIGHT-COLOR: #CDE7BB;
SCROLLBAR-SHADOW-COLOR: #99CC7E;
SCROLLBAR-3DLIGHT-COLOR: #CDE7BB;
SCROLLBAR-ARROW-COLOR: #99CC7E;
SCROLLBAR-TRACK-COLOR: #CDE7BB;
SCROLLBAR-DARKSHADOW-COLOR: #CDE7BB;
SCROLLBAR-BASE-COLOR: #CDE7BB
}
.style1 { //用户自己设定的样式1,应用的时候填在属性class=后面,例如:class=style1
font-size: 12px;
font-weight: bold;
color: #184967;
}
.style2 { //用户自己设定的样式2,应用方法同上
color: #53876D;
font-size: 12px;
}
.diary_title{ //blogcn中日志标题样式设置
font-size: 12px;
text-transform: capitalize;
color: #184967;
font-weight: bold;
}
.diary_datetitle{ //blogcn中日志发表日期样式设置
font-size: 12px;
font-style: normal;
color53876D;
font-family: "Georgia", "Times New Roman", "Times", "serif";
text-align: right;
background-color: #99CC7E;
}
.diary_poster{ //blogcn中日志作者样式设置
font-size: 12px;
color: #184967; |