-
其中stopall不要紧查看全部
-
box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如，假如您需要并排放置两个带边框的框，可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。查看全部
-
input标签（submit&reset）是有默认动作的，平时不需要，会带来不便。 比较流行的按钮制作方法：是由<a>标签实现的。 如果input标签没有设置CSS样式，交互时的样式由操作系统默认给予。如果设置了背景图片，则会失去交互功能，且按钮宽高只能固定死。查看全部
-
这种解决方法好像还是有问题的查看全部
-
在<a>标签中增加span标签 给按钮贴图 增加交互效果查看全部
-
a标签制作按钮的优点<a href="javascript:;"><span>按钮</span></a> 1.没有默认事件 2.用css模拟按钮外观，并做到宽度自适应 3.可增加交互效果，且浏览器均兼容 a{display:inline-block;height:40px;text-decoration:none;line-height:40px;background:url();padding-left:15px;}背景放上左侧圆角的图片 a span{display:inline-block;height:40px;background:url() right -40px;padding-right:15px}背景放上很长的全的图片 a:hover{background-position:0 -80px;} a:hover span{background-position:right -120px;} 图片width:300px基本上够用了查看全部
-
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link href="style.css" rel="stylesheet" type="text/css"> </head> </html>查看全部
-
<input type="button" value="按钮"> <input type="submit" value="提交"> <input type="reset" value="重置"> <input type="image">现在都是用css美化，这个基本上不用了 表单按钮的默认样式是有操作系统决定的 input{width:100px;height:40px;background:url();border:none;} input背景图片展示的话，只能做固定宽高的，如果宽度改变，会出现背景图片repeat效果查看全部
-
添加class为tip的div，看图片 要放在.box里面，不能放在a里面。因为tip是根据文字自适应的，可能会超过a的宽度，所以要放到.box里面 .tip{opacity：0;border-radius:3px;position:absolute;height:35px}相对于.box做绝对定位 三角形制作 .tip span{display:block;width:0;height:0;overflow:hidden;border:7px solid transparent;border-top-color:#2dcb70;position:absolute;top:35px;left:50%;margin-left:-3px;} .tip span相对于.tip做绝对定位 三角形越大，border宽度越大 border-top-color:#2dcb70; top是朝下的箭头 margin-left:-3px; 边框为7，取值为边框的一半查看全部
-
幽灵按钮，又称透明按钮，设计时不使用复杂的色彩、样式和纹理，而是外部以线框示意轮廓，内部以文字示意功能，背景透出，与整个页面背景合二为一的设计方式。 幽灵按钮主要用到CSS3中的transform,transition,box-sizing和border-radius.查看全部
-
一个完整的单个的结构的HTML查看全部
-
a:行内元素，无宽高——input:行内块元素，有宽高。查看全部
-
旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转查看全部
-
a{}和a:hover相当于两个平台，都作用于同一对象，执行各自代码. line-height理解为盒子边界到页面距离，height理解为，盒子上下边的距离。 左边标签加载图片略高于右边，若两标签图片位置冲突，会产生一些错位。查看全部
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <style type="text/css"> ul {position:relative; list-style-type: none; height: 27px; width:500px;border-bottom:2px solid #21530C} li { display:inline-block; padding:10px; margin:27px 10px 5px 10px; border-radius: 3px; border-top:2px solid #000; background: #c962a7; left:10px; } a{ margin:8px; top:8px; text-decoration: none; font-family: '黑体'; font-size:16px; text-height:27px; color:rgba(255,255,255,1); } </style> </head> <body> <ul> <li><a href="#" class="ac"><span>首页</span></a></li> <li><a href="#"><span>最新产品</span></a></li> <li><a href="#"><span>内部新闻</span></a></li> <li><a href="#"><span>联系我们</span></a></li> </ul> </body> </html>查看全部
举报
0/150
提交
取消