随笔分类 -  CSS

JavaScript+CSS实现表格动态样式
摘要：效果如图：实现代码：<style>table.formdata/*表格样式*/{ border:1px solid #5F6F7E; border-collapse:collapse;/*表格相邻边被合并 */ font-family:微软雅黑; font-size:10px; padding:2px;}</style><script type="text/javascript">function hilite(obj){ //选择包含<input>的<td>标记 obj = document.getElement 阅读全文
posted @ 2009-08-23 19:00 清山博客 阅读(511) 评论(0) 推荐(0) 编辑
CSS盒子模型
摘要：语法：padding : length 参数：length : 由浮点数字和单位标识符组成的长度值 | 或者百分数。百分数是基于父对象的宽度。请参阅长度单位 说明： 检索或设置对象四边的补丁边距。①如果提供全部四个参数值，将按 上－右－下－左 的顺序作用于四边。②如果只提供一个，将用于全部的四条边。③如果提供两个，第一个用于上－下，第二个用于左－右。④如果提供三个，第一个用于上，第二个用于左－右，第三个用于下。⑤内联对象要使用该属性，必须先设定对象的height或width属性，或者设定position属性为absolute。⑥不允许负值。示例： body { padding: 36pt 2. 阅读全文
posted @ 2009-08-23 18:41 清山博客 阅读(176) 评论(0) 推荐(0) 编辑
典型的左右结构（两列）的网页模式
摘要：效果如图：实现代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!--这行声明必不可少，且必须位于文档最前面--><head> <title>固定宽度且居中</title> <style type="text/css" media="all"> #container { 阅读全文
posted @ 2009-08-22 22:58 清山博客 阅读(498) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示