念汐。老师第二课——视频步骤
本帖最后由 乄浪漫经典ツ 于 2013-1-2 02:31 编辑 <br /><br />http://v.youku.com/v_show/id_XNDk2MzA3NDM2.html<p>大家好，我是浪漫经典，这次视频的主要知识来源于我们亲爱的“念汐。”老师所讲的边框，其实也就是表格。
老师的图文已经讲解的很清晰了。但是我还是决定录制了这个视频，目的是为了让更多的人都学会，希望老师不要生气！{:70_306:}下面我们来看看具体的操作吧！</p>
这里是注释
【上边界属性※颜色，宽度，边框样式】 （BORDER-TOP: #424242 20px solid）
【右边界属性※颜色，宽度，边框样式】 （BORDER-RIGHT: #424242 20px solid）
【下边界属性※颜色，宽度，边框样式】 （BORDER-BOTTOM: #424242 20px solid）
【左边界属性※颜色，宽度，边框样式】 （BORDER-LEFT: #424242 20px solid）
【单元间距】cellSpacing=0
【边框颜色】borderColor=#424242
【单元边距】cellPadding=0
【宽高设定】WIDTH: 400px; HEIGHT: 90px;
【背景颜色】bgColor=#eb7aa7
【边框大小】border=0 （这里可以不设定或不用）
【对齐方式】align=center
<table style="BORDER-BOTTOM: #99ff00 12px ridge; BORDER-LEFT: #99ff00 12px groove; WIDTH: 150px; HEIGHT: 120px; BORDER-TOP: #99ff00 12px ridge; BORDER-RIGHT: #99ff00 12px groove" border=0 cellSpacing=0 borderColor=#e9ec89 cellPadding=0 background=http://img2081.poco.cn/mypoco/myphoto/20130101/23/17338875320130101231322053.jpg bgColor=#e9ec89 align=center>
<tr>
<td style="PADDING-RIGHT: 80px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px">
<P align=center><FONT color=#000000>nihao </FONT></P></td>
</tr>
</table>
上图代码如下：
<hr size:10px width:730px color=#000000>
<table style="BORDER-BOTTOM: #99ff00 12px ridge; BORDER-LEFT: #99ff00 12px groove; WIDTH: 150px; HEIGHT: 120px; BORDER-TOP: #99ff00 12px ridge; BORDER-RIGHT: #99ff00 12px groove" border=0 cellSpacing=0 borderColor=#e9ec89 cellPadding=0 background=http://img2081.poco.cn/mypoco/myphoto/20130101/23/17338875320130101231322053.jpg bgColor=#e9ec89 align=center><BR> <tr><BR> <td style="PADDING-RIGHT: 80px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px"><BR> <P align=center><FONT color=#000000>nihao </FONT></P></td><BR> </tr><BR> </table>
<hr size:10px width:730px color=#000000>
首先
<table>
border-bottom:#99FF00 12px
border(表格边框宽度所占的像素点数)
-bottom(底部、下边 top 上边 left左边 right 右边 )
#99FF00（颜色数值或者 可以使用 rgb（112,112,112））
12px(边框的宽度)
ridge(边框样式)
none (没有边框，无论边框宽度设为多大)
dotted (点线式边框)
dashed (破折线式边框)
solid (直线式边框)
double (双线式边框)
groove (槽线式边框)
ridge(脊线式边框)
inset (内嵌效果的边框)
outset (突起效果的边框)
height:100; width:250;(height表示高度width表示宽度 :后面的表示 像素 )
PADDING-RIGHT(padding是设置边距代码)
FONT color（font是字体样式 下面表格中有font的详细用法）
</table>照片上传地址：http://www.poco.cn/
<p><FONT color=red><STRONG>table标签属性说明表</STONG></FONT></p>
<table border=1 width:700px bordercolor=666666>
<tr>
<td>属性名</td>
<td>用途</td>
</tr>
<tr>
<td>border</td>
<td>表格边框宽度所占的像素点数</td>
</tr>
<tr>
<td>width</td>
<td>指定表格的宽度</td>
</tr>
<tr>
<td>height</td>
<td>指定表格的高度</td>
</tr>
<tr>
<td>align</td>
<td>表格与其相邻文字的位置。参数值为left(居左)、right(居右)、center(居中)</td>
</tr>
<tr>
<td>cellspacing</td>
<td>指定表格各单元格之间的空隙</td>
</tr>
<tr>
<td>cellpadding</td>
<td>指定单元格内容与单元格之间的空白距离的大小</td>
</tr>
</table>
<P><FONT color=red><STRONG>字体样式语法说明表 </STRONG></FONT></P>
<table border=1 width：700px bordercolor=666666>
<tr>
<td>属性名</td>
<td>用途</td>
</tr>
<tr>
<td>border</td>
<td>简写属性，用于把针对四个边的属性设置在一个声明</td>
</tr>
<tr>
<td>border-style</td>
<td>用于设置元素所有边框的样式，或者单独地为各边设置边框样式</td>
</tr>
<tr>
<td>border-width</td>
<td>简写属性，用于为所有元素的所有边框设置宽度，或者单独地为各边边框设置宽度</td>
</tr>
<tr>
<td>border-color</td>
<td>简写属性，设置元素的所有边框中可见部分的颜色，或为4个边分别设置颜色</td>
</tr>
<tr>
<td>border-bottom</td>
<td>简写属性，用于把下边框的所有属性设置到一个声明中</td>
</tr>
<tr>
<td>border-bottom-color</td>
<td>设置元素的下边框颜色</td>
</tr>
<tr>
<td>border-bottom-style</td>
<td>设置元素的下边框样式</td>
</tr>
<tr>
<td>border-bottom-width</td>
<td>设置元素的下边框的宽度</td>
</tr>
<tr>
<td>border-left</td>
<td>简写属性，用于把左边框的所有属性设置到一个声明中</td>
</tr>
<tr>
<td>border-left-color</td>
<td>设置元素的左边框颜色</td>
</tr>
<tr>
<td>border-left-style</td>
<td>设置元素的左边框样式</td>
</tr>
<tr>
<td>border-left-width</td>
<td>设置元素的左边框宽度</td>
</tr>
<tr>
<td>border-right</td>
<td>简写属性，用于把右边框的所有属性设置到一个声明中</td>
</tr>
<tr>
<td>border-right-color</td>
<td>设置元素的右边框颜色</td>
</tr>
<tr>
<td>border-right-style</td>
<td>设置元素的右边框样式</td>
</tr>
<tr>
<td>border-right-width</td>
<td>设置元素的右边框宽度</td>
</tr>
<tr>
<td>border-top</td>
<td>简写属性，用于把上边框的所有属性设置到一个声明中</td>
</tr>
<tr>
<td>border-top-color</td>
<td>设置元素的上边框颜色</td>
</tr>
<tr>
<td>border-top-style</td>
<td>设置元素的上边框样式</td>
</tr>
<tr>
<td>border-top-width</td>
<td>设置元素的上边框宽度</td>
</tr>
</table>
<P><FONT color=red><STRONG>font标签属性说明 </STRONG></FONT></P>
<table border=1 width:700px bordercolor=666666>
<tr>
<td>属性名</td>
<td>说明</td>
</tr>
<tr>
<td>size</td>
<td>字体大小1~7分别为字号</td>
</tr>
<tr>
<td>face</td>
<td>字体样式 用法为：face="黑体"</td>
</tr>
<tr>
<td>color</td>
<td>颜色</td>
</tr>
</table>
本次视频有众多不完美之处，请大家多多见谅，视频录制的时间有点长，在后面的表格属性大家可以快进看。还有什么不明白的可以留言，我会为你解答的！ 高清文件下载地址请点击此处 支持一下，以前混论坛的时候学过一些代码，学习了~ 这个HTML普通人用不了啊，不过我期待你的下节课的讲解。。。翘课了...{:70_282:} 浪漫速度真快，给力，等等我去学习，昨天我没学好 多录制点啊，我这总是要上班的学员也好在下面学习学习
页:
[1]