用CSS给图片打标的代码_经验交流

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片打标</title>
<style>
body{padding:0px; margin:20px;}
.pic{background:#000; padding:5px; border:1px solid #4F4F4F; float:left;}
.pic span{width:99px; height:99px; background:url(images/blogo.gif); position:absolute; margin:1px;}
</style>
</head>
<body>
<div class="pic">
  <span></span>
  <img src="attachments/date_200706/74b26c75ae67e5fdabf34d29e20bec31.jpg" />
</div>
</body>
</html>

时间: 2024-07-30 11:33:13

用CSS给图片打标的代码_经验交流的相关文章

用CSS给图片打标的方法_经验交流

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

CSS控制图片大小-适应宽度_经验交流

不知道家有没有遇到过这样的情况:在CSS控制图片大小时,如果把图片的宽度写死,比如 img{width:500px;} ,固然,如果图片宽度大于500px可以很好的控制它不让它过大,但如果图片宽度小于500px,比如说只有100px时,刚才的写法会把这张图扩大5倍显示,显然,这不是我们想看到的.     那么,CSS如何可以区分对待这些图片设置大小呢?很简单,请看:  复制代码 代码如下: img{width:expression(this.width>500?"500px":t

使用CSS解决文字环绕图片问题的代码_经验交流

上图是美工为一站点制作的图文并茂的新闻标题列表,采用表格进行布局,右上和下部分分布在两个单元格中,程序实现起来可不太容易:要么分两次查询,一次取4条,一次取5条:要么一次取出9条,再分在两个单元格中显示.能不能通过设置图片的属性,让文字和图片像Word中一样可以四周环绕对齐?这样程序就不用理会图片,只负责一次读取显示就可以了.经测试将图片的float属性设置为left可解决我们的问题,效果如下图: ·新闻标题列表 ·新闻标题列表 ·新闻标题列表 ·新闻标题列表 ·新闻标题列表新闻标题列表 ·新闻

css中的行间距的代码_经验交流

Css中行间距定义是: line-height:18px; 上面代码是将行间距设为18px.长期以来,我在定义字体样式的时候,通常是这样: #myFont{        font:12px tahoma;        line-height:18px; } 今天才发现,原来可以写成一行,修改如下: #myFont{       font:12px/18px tahoma; }

ul+li及css制作韩国风格菜单代码_经验交流

CSS Templates Free Download CSS WebSites Showcase CSS Web Design Article

CSS文字截取功能实现代码_经验交流

好处是: 兼容IE,firefox,Opera; 有利于内容完整性;有利于SEO; 无需后台程序处理; 可以在前台随时调节要截取的长度. 不好的地方: 不能自动判断截取长度,当字符很短的时候在Firefox中也会生成后面的省略符号. 另外在设置截取宽度的时候,要注意,尽量让文字截取完整. Quote: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

ASP、PHP与javascript根据时段自动切换CSS皮肤的代码_经验交流

根据时间自动调整站点风格是不错的想法,这种根据时间自动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或方法,只不过当时没有特别注意.下面说一下它们的实现方法,目前网上有这样两种实现方法: 一.采用服务端的代码 ASP版本: <link rel="stylesheet" type="text/css" href=" <% if hour(now)<12 then response.write "morning.css&

用css来控制图片大小显示的实现方法与代码_经验交流

有时候图片太大,会破环网页整齐的布局.这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下: img,a img{ border:0;  margin:0;  padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":th

校内网css代码添加背景图片常用代码_经验交流

序号 中文说明 标记语法 备注 1 背景颜色 {background-color:数值} 2 背景图片 {background-image: url(URL)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y} 4 背景固定 {background-attachment:fixed|scroll} 5 背景定位 {background-position:数值|top|bottom|left|rig