摘要:
示例 1 : 超链状态 伪类,所谓的伪类即被选中的元素处于某种状态的时候超链状态有4种link - 初始状态,从未被访问过visited - 已访问过hover - 鼠标悬停于超链的上方active - 鼠标左键点击下去,但是尚未弹起的时候 <style> a:link {color: #FF000 阅读全文
摘要:
示例 1 : 边框模型 真正决定一个元素的表现形式,是由其边框模型决定的由图所示蓝色框即为内容width:70px 表示内容的大小红色框即为边框内容到边框之间的距离,即为内边距 5px灰色框,是指边框与其他元素之间的距离,即为外边距:10px <style> .box{ width:70px; pa 阅读全文
摘要:
元素外边距 指的是元素边框和元素边框之间的距离属性:margin-left: 左外边距margin-right: 右外边距margin-top: 上外边距margin-bottom: 下外边距 示例 1 : 左外边距 属性: margin-left值:数字指的是元素边框和元素边框之间的距离 注:像s 阅读全文
摘要:
元素内边距指的是元素里的内容与边框之间的距离属性:padding-left: 左内边距padding-right: 右内边距padding-top: 上内边距padding-bottom: 下内边距padding: 上 右 下 左 示例 1 : 左内边距 属性:padding-left值:数字指的是 阅读全文
摘要:
示例 1 : 边框风格 属性: border-stylesolid: 实线dotted:点状dashed:虚线double:双线 <style> .solid{ border-style:solid; } .dotted{ border-style:dotted; } .dashed{ border 阅读全文
摘要:
示例 1 : 表格布局 属性:table-layoutautomatic; 单元格的大小由td的内容宽度决定fixed; 单元格的大小由td上设置的宽度决定注:只对连续的英文字母起作用,如果使用中文就看不到效果 <style> table.t1{ table-layout:automatic; } 阅读全文
摘要:
步骤 1 : 鼠标样式 <style> span{ cursor:crosshair; } </style> <span>鼠标移动到这段文字上,就看到鼠标样式变成了十字架</span> 步骤 2 : 样式一览 阅读全文