所在的位置: js >> js优势 >> CSS的那些日常操作三

CSS的那些日常操作三

北京治荨麻疹的好医院 http://m.39.net/baidianfeng/a_8595950.html

今天我们讲解一下表格、鼠标、块级元素、行内元素的相关认识

1、表格

我们使用css对table的样式进行修饰

html部分

!DOCTYPEhtmlhtmlheadtitle/titlelinkrel="stylesheet"href="css/index.css"/headbody!--表格相关的--tablecaption学生信息表/captiontrth姓名/thth班级/th/trtrtd张三/tdtd/td/trtrtd李四/tdtd/td/trtrtd王五/tdtd/td/tr/table/body/html

css部分

/*表格相关的*/table{width:px;height:px;border:solid1px#;/*细线合并*/border-collapse:collapse;}th,td{border:solid1px#;}/*标题显示在底部*/caption{caption-side:bottom;}

效果图前端对比

2、鼠标状态样式

分别为点击前(默认)、点击后、鼠标悬停、点击时四个状态

(1)点击前(默认):link

html部分

ahref="


转载请注明:http://www.aierlanlan.com/grrz/264.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了