css图片选中css样式,css图片居中样式怎么设置

图片热点调用CSS样式

1、首先打开dw，点击设计；

2、然后用鼠标点击你想要加热点的图片，点击选中以后，用鼠标点击左下角划热点的一种矩形工具；

3、选择工具以后就可以在要加热点的图片上划热点了；

4、划上热点以后在左下角添加上链接。

在html中显示如下：

body

   img src="images/loginfoot.jpg" border="0" usemap="#Map1" name="foot" width="100" height="100"/  

    map name="Map1"    

      area shape="rect" coords="50,50,100,100" style="cursor:hand" href="login.jsp" / 

      area shape="rect" coords="0,0,50,50" style="cursor:hand" href="main.jsp"/   

  /map

  /body

相关问答

Q1: css设置图片样式问题..

1.你是要背景图片100%铺满body;

2.还是body 100%整个网页;

3.还是body是框架集里面的一个页面,你想它的高100%页面;

你的问题使我想到这些问题,不过我想你问的因该是第3个;我就给第3个写个答案吧,如果不是请把问题描述详细写;

在页面的head/head标签中间加上

style type="text/css"

body,html{height:100%}

/style

1.的解决办法

body style=" margin:0;background:url(../images/leftbg.jpg) repeat"

body上的样式这样写就可以了

Q2: css 样式求助

这个需要两组图片来做，分别是当前选中状态和未选中状态。

一种做法是将一张未选中背景和一装选中背景图片，上面的文字在div里面实现，这样可以用的图片比较少。

另外一种是将上面四个菜单文字带背景分别切两种状态的图片，图片会比较多，但是文字效果会跟设计图更一致，因为图片中文字是黑体的，html中对宋体字的显示效果最好。

图片切换需要要js去实现，用jquery会比较容易~

Q3: 图片显示 css样式问题

这种情况用table比较合适，例如

table width="200" border="0" cellspacing="0" cellpadding="0" height="200"

tr

td align="center" valign="middle" bgcolor="#CCCCCC"img src="" width="100" height="70" //td

/tr

/table

Q4: 各位高手求助啊亲。谢谢。 css样式该怎么写？ 要求：图片等比例缩小。 选取图片的中间

主要不清楚你的图片是定宽还是定高的。。

style type="text/css"

.outter{border:1px solid #ccc;padding:15px;width:500px;margin:0 auto;text-align:center;position:relative;}

.inner{border:30px solid #fff;width:470px;position:absolute;top:0;left:0;height:70px;}

.imgBox,li{list-style:none;margin:0;padding:0;}

.imgBox li{display:table-cell;text-align:center;vertical-align:middle;border-left:20px #fff solid;width:100px;height:100px;overflow:hidden;}

.imgBox span{display:inline-block;background-color:#ccc;max-width:100px;}

.imgSize1{width:120px;height:100px;}

.imgSize2{width:50px;height:100px;}

.imgSize3{width:100px;height:50px;}

.imgSize4{width:50px;height:50px;}

/style

div class="outter"

ul class="imgBox"

lia href="#"span class="imgSize1"/span/a/li

lia href="#"span class="imgSize2"/span/a/li

lia href="#"span class="imgSize3"/span/a/li

lia href="#"span class="imgSize4"/span/a/li

/ul

div class="inner"/div

/div

Q5: 怎样在css样式表中加入自己的图片

方法和详细的操作步骤如下：

1、第一步，打开html编辑器并创建一个新的html文件，具体见下面的图示，进入到下一步骤中。

2、第二步，新建完一个新的html文件后，在index.html的style标签中，输入如下所示的CSS代码，具体见下面的图示，进入到下一步骤中。

3、第三步，输入完CSS代码之后，接下来运行index.html页面。

可以发现，本地图片通过背景图片中的本地路径成功调用为了背景图片，具体见下面的图示。这样，图片就成功加入了。