感谢您的支持,我们会继续努力的!
不论你的品牌在何处
我们都可以提供完善的服务与帮助

山东网亿网络 山东网亿网络

2019.01.07
网页技巧性设置

当前位置:首页资讯 > 行业新闻 > 网页技巧性设置

当我们在过节日的时候,比如情人节、春节等,总会收到很多朋友们发过来的一个个祝贺性质的网址,当我们浏览时,总会发现,拖动右边的滚动条时,感觉只有网页的内容随着滚动条的滚动而滚动,而背景却完全没有动,这种效果又是如何实现的呢?

网页设计中加入背景图片,有很多的方法,这里不一一列举,这是网页设计里面一个很简单的操作。如何让背景图片固定不动呢,我们只需要将<body>参数设置为以下代码,就可以实现了。 

烟台网站制作.jpg   <body background="yx.gif"bgproperties="fixed" 
  或用CSS样式表定义: 
  <style type="text/css" 
  <!-- 
  body { background-image: url(yx.gif); background-attachment: fixed} 
  -- 
  </style

给超级链接进行颜色设置(CSS),鼠标形状设置,链接的下划线的设置

初学者打开很多门户性网站或者艺术性质的网站,总会被其中专业的链接惊喜很久,因为在烟台网站制作过程当中当中,我们进行简单的超级链接设置后,发现浏览出来的页面总是会有那么一点粗糙,无论我们怎么点击“链接”项,它的颜色总是一样,而且会在文字下方永远保持着一条下划线,同时鼠标也没有任何的变化,那么如何做,才能给超级链接进行颜色设置(CSS),鼠标形状设置,链接的下划线的设置呢? 

这需要借助于我们Dreamweaver 自带的CSS样式进行,下面的代码分别实现下列的效果: 

当正常链接时,链接的颜色为黑色,无下划线,字体大小为12像素。 

当某个链接被访问过后,链接的颜色为灰色, 无下划线,字体大小为12像素。

当鼠标在链接上方停留时,链接的颜色为红色,有下划线,字体大小为14像素。

当我们点击链接时,链接的颜色显示为黄色,无下划线,字体大小为12像素。

只需要将下列的代码加入到<head>与</head>之间,即可。 
  <style type="text/css" 
  <!-- 
  a:link { 
  font-size: 12px; color: #000000; text-decoration: none; 
  
  a:visited { 
  font-size: 12px; color: #666666; text-decoration: none; 
  
  a:hover { 
  color: #FF0000; text-decoration: underline; font-size: 14px; 
  
  a:active { 
  font-size: 12px; color: #FFFF00; text-decoration: none; 
  
  -- 
  </style

其中的color就是用来设置网页设计中链接的颜色,text_decoration用来设置链接是否应该有下划线、上划线、删除线或者什么没有,而font-size是用来设置字体的大小的,但几种状态之间的font-size值的变化,让访问者产生一种动态的效果。 

尤其要注意的是,网站制作过程当中写的时候一定要注意这个CSS样式的书写顺利,一定要按照a:linka:visiteda:hovera:active依次书写,否则这几种状态的效果将得不到正常的显示。

相关搜索:烟台网站建设  烟台网络公司   网络公司  网站制作  山东网亿

部分图片和文字来源于网络,出处无从查起,如涉及版权问题,请联系进行删除。