页面返回按钮,点击可返回到上一页
    onclick="javascript:history.back(-1);" 可用于任何元素的点击事件
  如:  <input type="button" onclick="javascript:history.back(-1);">
 
 table两个属性
cellpadding:内容与单元格边框的距离,内部距离
cellspacing:单元格之间的距离,外部距离
 
 table合并边框线: 

border-collapse: collapse;

 table合并单元格:
跨行合并:rowspan="3(所跨行数,数字)";//上下合并
跨列合并:colspan="3(列数)";//左右合并
 
 
单选框/复选框定义只读的属性以及js/jquery赋值:
如果在需要用到单选/复选框显示数据,查看时不能对选择框默认的选项进行修改,
就用到 onclick="return false" 这个属性,这个属性只读,不能在查看中修改,可以进行js赋值
<input type="checkbox"  id="check_btn"  onclick="return false" />复选框只读
<input type="radio"  id="rad_btn"  onclick="return false" />单选框只读
如何用js/jquery给他们赋值:
js: document.getElementById('check_btn').checked=true;获取的选择框的选中事件赋值为选中
     document.getElementById('rad_btn').checked= true;
jquery:$("#check_btn").attr("checked", "checked");用attr将获取的选择框属性改为选中
            $("#rad_btn").attr("checked", "checked");或者("checked","true")
 
超链接去下划线:
     a:link { text-decoration: none;color: blue}
   a:active { text-decoration:blink}
   a:hover { text-decoration:underline;color: red}
   a:visited { text-decoration: none;color: green}

其中:
  a:link 指正常的未被访问过的链接;
  a:active 指正在点的链接;
  a:hover 指鼠标在链接上;
  a:visited 指已经访问过的链接;

  text-decoration是文字修饰效果的意思;
  none参数表示超链接文字不显示下划线;
  underline参数表示超链接的文字有下划线

文本框加文字水印:
placeholder=“输入的文字”
例:<input type="text"  placeholder="请输入课程名字" />
 
文本域
去掉某些浏览器查看时右下角显示的斜线:
在css样式中加一条resize: none;

DIV圆角:
-moz-border-radius: 65px;
-webkit-border-radius: 65px;
border-radius: 65px;

阴影:

前两个是往左侧和上侧移动的距离,第三个是阴影的扩散程度以及最后一个阴影颜色
box-shadow: 3px 5px 22px black;
 
阴影颜色,四周阴影宽度,扩散程度

-webkit-box-shadow: black 0px 0px 20px;
-moz-box-shadow: black 0px 0px 20px;
box-shadow: black 0px 0px 20px;

透明:
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
 
鼠标移入变小手
cursor:pointer;
 
字符间距:letter-spacing: 30px;
 
文字下划线:text-decoration:underline;/*下划线*/

HTML 透明、阴影,圆角等知识点的更多相关文章

  1. iOS高仿微信项目、阴影圆角渐变色效果、卡片动画、波浪动画、路由框架等源码

    iOS精选源码 iOS高仿微信完整项目源码 Khala: Swift 编写的iOS/macOS 路由框架 微信左滑删除效果的实现与TableViewCell的常用样式介绍 实现阴影圆角并存,渐变色背景 ...

  2. CQGUI框架之阴影圆角窗口实现

    CQGUI框架之阴影圆角窗口实现 大家好,我是IT文艺男,来自一线大厂的一线程序员 今天给大家讲解基于C++/Qt的CQGUI框架的阴影圆角窗口实现,实现效果如下图所示:: CQGUI开发环境:: M ...

  3. 透明、圆角、阴影效果、背景色渐变、<a></a>去外层虚线、!!!表格标签<table>

    表格标签 <table> 代表表格 width:指表格的宽度           一种是像素 (浏览器缩小的时候出现滚动条)           一种是百分比(跟着浏览器的大小而大小) b ...

  4. html5开发移动页面去掉点击出现的透明阴影----&&-----元素垂直居中

    [摘要:做好的页里正在脚机端测试时,发明局部扫瞄器,tap后会涌现一个半通明的灰色配景,(被批...),起先认为是outline作祟,减上后发明出反映,末了发明是tap后的配景下明,要重设那个]   ...

  5. 初学c# -- 学习笔记(五) winfrom无边框四周阴影

    刚用到这个功能,网上扯淡的东西太多了,都是2边阴影,还什么窗口叠加.ps作图啥的,什么玩意.还是老外实在,google找的,无边框窗体,四边透明阴影. public partial class For ...

  6. IOS第18天(1,核心动画layer, 旋转,缩放,平移,边框,剪裁,圆角)

    ****动画效果 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { [UIView animateWithDurat ...

  7. QT模态对话框用法(在UI文件中设置Widget背景图,这个图是一个带阴影边框的图片——酷)

    QT弹出模态对话框做法: 1.新建UI文件时,一定要选择基类是QDialog的,我的选择是:Dialog without Buttons(),如下图: 2.然后在使用的时候: MyDialog dlg ...

  8. css3 box-shadow阴影(外阴影与外发光)

    基础说明:     外阴影:box-shadow: X轴  Y轴  Rpx  color;     属性说明(顺序依次对应): 阴影的X轴(可以使用负值)    阴影的Y轴(可以使用负值)    阴影 ...

  9. css3 box-shadow阴影(外阴影与外发光)讲解

    基础说明:     外阴影:box-shadow: X轴  Y轴  Rpx  color;     属性说明(顺序依次对应): 阴影的X轴(可以使用负值)    阴影的Y轴(可以使用负值)    阴影 ...

随机推荐

  1. kernel/panic.c

    /* *  linux/kernel/panic.c * *  Copyright (C) 1991, 1992  Linus Torvalds */ /* * This function is us ...

  2. LA 3938 动态最大连续和 线段树

    题目链接: https://icpcarchive.ecs.baylor.edu/index.php?option=com_onlinejudge&Itemid=8&page=show ...

  3. LeetCode() Word Search II

    超时,用了tire也不行,需要再改. class Solution { class TrieNode { public: // Initialize your data structure here. ...

  4. [转载]BT656/BT601/BT1120协议

     [转载] BT656/BT601/BT1120协议以及DM365/DM355/DM6467上使用的YUV颜色空间说明   ITU-R BT.601和ITU-RBT.656国际电信联盟(Interna ...

  5. LeetCode 【235. Lowest Common Ancestor of a Binary Search Tree】

    Given a binary search tree (BST), find the lowest common ancestor (LCA) of two given nodes in the BS ...

  6. C++ Primer 第5版

    说起Lippman的C++ Primer,我总是有种特殊感情.这本书既是我进入C++领域的敲门砖,也是我第一次在网络上发表技术文章的对象.当年读书笔记中的青涩迷惘和年少轻狂都还历历在目,转眼已经从第三 ...

  7. 使用as3控制动画

    1.建立按钮元件 2.在属性面板使用英文为按钮元件命名,例如playButton 3.建立函数,例如 function startMovie(event:MouseEvent):void {  thi ...

  8. Squid代理服务器的安装与配置

    一.简介 代理服务器英文全称是Proxy Server,其功能就是代理网络用户去取得网络信息. Squid是一个缓存Internet 数据的软件,其接收用户的下载申请,并自动处理所下载的数据.当一个用 ...

  9. Mustache 使用心得总结

    Mustache 使用心得总结 前言: 之前的一个项目里面就有用到这个前台的渲染模版,当时挺忙的也没时间抽空总结一下,刚好上周项目里又用到这个轻量型的渲染模版,真心感觉很好用,因此就总结一下使用心得, ...

  10. linux 下 ntfs移动硬盘挂载

    fdisk -l Disk /dev/sdb: 500.0 GB, 500074283008 bytes255 heads, 63 sectors/track, 60797 cylindersUnit ...