存档

文章标签 ‘CSS’

DIV添加超链接小记

2020年5月25日 没有评论

接上篇,已经实现了上面是纯文字“图片”下面是文字的效果,但是有个问题是“图片”没有超链接,点击没反应,体验不太好,于是想着把“图片”(实际是文字)加上超链接。最简单的方法是加<a>标签,但是测试后发现点击链接的瞬间图片中的文字会变色,而且会有下划线。然后想着能不能给“图片”外的整个DIV加超链接,发现可以通过通过window.location.href函数来实现:

<div[……]

继续阅读…

分类: 软件编程 标签: ,

网址书签(收藏夹)主页开发小记

2020年5月22日 没有评论

从Chrome诞生起就用了,到现在有十几年了,无奈Google在国内是不存在的,Chrome无法同步数据包括网址书签,每回换电脑和手机都要手工加一堆书签便于访问,好在常用的不多,也就十几个,加起来也不难,所以一直也没想到解决书签同步的问题。

前几天突然想为什么自己不做个书签主页,类似于导航网站那样,把经常访问的网址放在浏览器主页。

我想着找一个现成的导航网站源码,然后挂到虚拟主机空间里[……]

继续阅读…

分类: 软件编程 标签: , , ,

使用CSS解决IE中数字与汉字不在同一水平线上的问题

2011年9月28日 没有评论

如下的代码:

<span class=”views”><span id=”wp”>23</span>次浏览</span>

在Chrome和Firefox中的显示效果是:23次浏览。而在IE浏览器中数字“23”会下沉一些(大约1个像素),使得数字与汉字不在同一水平线上,出现略微错位的问题。虽然说不怎么影响浏览效果,但是凡事总得有个解决办法吧[……]

继续阅读…

分类: 网站建设 标签: , , ,

CSS元素居中显示

2010年7月12日 没有评论

1.使用自动外边距实现居中

CSS中首选的让元素水平居中的方法就是使用margin属性将元素的margin-left和margin-right属性设置为auto即可。在实际使用中,我们可以为这些需要居中的元素创建一个起容器作用的div。需要特别注意的一点就是,必须为该容器指定宽度:

div#container{ 
magin-left:auto; 
magin-right:auto; 
width:168px: 
}
分类: 网站建设 标签:

CSS实现背景颜色与边框距离(空隙)

2010年7月12日 没有评论

Gmail的登录框淡蓝色的外框和淡灰色的内容背景间有一段白色的空隙,可以使用内外两层容器实现,外层为背景:

#bg {border: 1px solid green; 
width: 300px; 
margin-left:auto; margin-right:auto;
padding: 2px; 
font-weight: bold; 
background-color:#fff;}
分类: 网站建设 标签: