zoukankan      html  css  js  c++  java
  • CSS学习三:表格,表单,超链接和鼠标等。

    1. CSS设置表格和表单

    1.1. 控制表格

    1. 表格中的标记

    Table, tr, td, th, thead, tbody, summary, caption, scope(col,row)

    2. 表格颜色控制

    Color: 文字 background: 背景

    3. 表格的边框: (border)

    4. 隔行变色

    在相应的偶数行加入另外的css. 通常在实际的应用中,数据动态产生,因此需要判断tr然后加入。

    5. 鼠标经过时变色的表格

    6. 日历

    1.2. CSS与表单

    1. Form

    2. 经验之谈:各个浏览器之间的差异,主要是因为各个浏览器对部分CSS属性的默认值不同导致的,通常的解决办法就是指定该值,而不让浏览器使用默认值。

    3. 修改文字一样的按钮: (background-color: transparent) 关键是将背景设置为透明,然后去掉border就可以了。

    4. 七彩的下拉菜单案例。

    5. 直接输入的Excel表格

    2. CSS设置页面和浏览器元素

    1.3. 超链接特效

    1. 伪类:a:link a:visited a:hover a:active

    2. 按钮式超链接

    3. 浮雕式超链接

    1.4. 鼠标特效

    1. 鼠标箭头(cursor)

    2. 鼠标特效表格。

    1.5. 页面滚动条

    1. Scollbar-base-color.

    2. 仅仅适应于IE.

    相关案例:

    1。 日历,excel,table等:http://115.com/file/aqxmvec1#

    2。 超链接特效:http://115.com/file/dn873bfs#

  • 相关阅读:
    老男孩九期全栈Python之基础一
    为善如挽逆水之舟,才放手便下流
    对自己的表现打分
    anki
    解决推送数据平台
    己所独知,尽是方便;人所不见,尽是自由
    常与权
    为什么会一直刷视频而停不下来
    准备换个房子
    UDEC 1
  • 原文地址:https://www.cnblogs.com/kevinhigher/p/2206704.html
Copyright © 2011-2022 走看看