css的img移上去边框效果

.v_comment
img{
height:36px;
height:36px;
float:left;
padding:1px;
margin:2px;
border:
1px solid #ddd;
}
.v_comment img:hover{border: 1px solid
#ccc;
-webkit-animation: comm 1.1s ease-in infinite;
box-shadow:0 0 2px
rgba(0,158,224,0.9);
-moz-box-shadow:0 0 2px
rgba(0,158,224,0.9);
-webkit-box-shadow:0 0 2px
rgba(0,158,224,0.9);
}

css的img移上去边框效果,布布扣,bubuko.com

时间： 2024-09-29 23:32:54

css的img移上去边框效果的相关文章

如何使用CSS给图片添加双边框效果

如何使用CSS给图片添加双边框效果:建议:尽可能的手写代码,可以有效的提高学习效率和深度.给图片添加双边框也在实际使用中也有许多应用,可能并不频繁,在这里简单介绍一下如何实现此种效果,借以对CSS一些属性的应用加以熟练.先看一段代码实例: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="

CSS属性定义文本修饰边框效果背景修饰

一.CSS属性定义1.css颜色表示方法[重点]rgb(红绿蓝3个颜色通道强度值为0-255)rgb(0,0,0)rgba(alpha a是透明度值为0-1)rgba(123,123,123,0) hslhsla(h:色相,色环上(ppt78页)的角度值,0-360 s:饱和度,0-100% l:明度,0-100% a:不透明度,0-1之间的小数)color:hsla(30,100%,50%,0.8); 十六进制(一般格式为#ffffff)(字母范围从A-F,数字从0-9 ) opacity

CSS鼠标悬停图片加边框效果,不位移的方法

<!DOCTYPE HTML> <html lang="en-US"> <head> <title>css实现鼠标悬停时图片加边框效果</title> <style type="text/css"> body{background:#222;color:#06c;} em{ font-style:inherit;} img{background:white;margin:0 5px;width:

css实现鼠标移上放大效果或显示隐藏内容简单原型

适当调整即可变为图片放大镜效果,或者鼠标移上去显示隐藏内容(ie6对hover支持不够完善,推荐在火狐或谷歌中观看). 效果如图: css: .demo { width: 318px; margin: 100px auto 0 auto; } .demo:after { content: ""; display: block; height: 0; clear: both; } .demo

前端素材解析—利用linear制作复杂的边框效果

在网上看到一种利用linear-gradient属性制作绚丽边框效果的方法.首先给出代码,大家可以在自己的电脑中查看效果: <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style

图片选中出现边框效果

图片选中出现边框效果:当点击选中图片时,图片能够出现红色的边框效果.代码实例如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="http://www.softwhy.com

html之给文本框设置宽度和高度/input的无边框效果

<input name="" type="text" style="width:200px; height:20px;" /> html如何设置input的无边框效果 CSS可以控制的<style type="text/css">input {border:1px solid #c00;}input {star : expression(onmouseover=function(){this.style

三角形变形记之纯css实现的分布导航条效果

三角形变形记,用纯css实现的分布导航条效果 <style type="text/css"> ul,li { list-style-type:none; font-size:13px; font-weight:bold; } li { float:left; position:relative; line-height:30px; background:#9BBB38; color:#fff; width:100px; height:30px; text-align:cen

css重点章节复习—布局-边框-边距-浮动 (部分)

css重点章节复习—布局-边框-边距-浮动在第二个任务中,这一块的后面那条线真的弄了很久.起初也是在html里面写的代码.之后觉得这样不好,想到第一个页面中用到的border-bottom和border-top就觉得这里应该可以用border-left或者border-right 就使用了.但是出现一个问题就是不管我怎么调,整条线都是从上画到下,不能合顶部底部的两条线分开.还好记得书本里面有一处是将将垂直线和上下部分开的.查了一下,竟然是用paddding.就觉得很震惊.原来那些margin