售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 建站教程

上海网站制作技巧性设置

网站编辑:小润 | 发表时间:2019-02-02 22:39:52

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

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

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

  

上海网页设计的技巧性设置

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依次书写,否则这几种状态的效果将得不到正常的显示。

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区12层
座机:+021-5994 6805
24热线:+135 8590 1130