用CSS制作圆角框的方法一_图片_DREAMWEAVER_教育_阿邦网
推广链接：
CSS只能制作直角是它的弊端之一，为了实现CSS圆角，很多人想出了很多种方法，在这几篇文章中我会介绍几种CSS圆角制作方法以供参考。
用CSS制作圆角框 来源：黄超
查看原文：《》
dreamweaver栏目：
新手必读：
DIV+CSS布局栏目最新文章
IP:220.138.12.*&
very helpful, thanks~ ^^
DREAMWEAVER帮手
谢谢支持！
已有&1&条&
帮手&&&& 08:56
帮手热门文章
·[]·[]·[]·[]·[]·[]·[]·[]·[]·[]
文章打分：dreamweaver用热点工具做好链接后，点击后原页面会留下一个黑色的框，不是很好看，怎么消除？_百度知道
dreamweaver用热点工具做好链接后，点击后原页面会留下一个黑色的框，不是很好看，怎么消除？
学习中，有些现象实在想不通。
提问者采纳
//&&gt当它失去焦点的时候;&就ok了，就没了;89&&-/html&gt.org/1999/xhtml" target="_blank"> charset=utf-8& /&#47.html&&_blank&&area&gt.w3!DOCTYPE html PUBLIC &&&gt://www://
onfocus=&head& & height=&map&meta http-equiv=&head&gt.png&quot，就大约在那个位置加;/&&text/标签里面;circle&quot.blur()&0&看到onfocus=&Map& width=&quot.w3;&#47,加上onfocus=&quot,48;&lt.w3;&img src=&quot.dtd&&lt.blur()&quot.org/TR/xhtml1/DTD/xhtml1-/&gt.dtd" target="_blank">http.org/TR/xhtml1/DTD/xhtml1-<a href="http.0 Transitional/&Map&/#Map&&EN&42;body& href=&/ target=&://this。;W3C/body&&#47。于是我们可以让其自动即时失去焦点;/area shape=&&gt.w3。举个例子; content=&DTD XHTML 1; border=&h;/ coords=& usemap=&new/82& id=&quot。; &#47.org/1999/xhtml&了没;无标题文档&title&gt。找到代码;map name=&Content-Type&&lt.blur()&quot。在&未命名文件;<a href="title&gt：&this,28&html xmlns=&quot
提问者评价
感谢yutou55！
方法不错。
其他类似问题
dreamweaver的相关知识
按默认排序
其他1条回答
生成一堆代码，那更多了用个热点链接，要是两个呢，何必要用热点链接呢
您可能关注的推广
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁在线等，用DW弄的热点，在淘宝上点击后会出现，DW编辑的热点虚线框，360安全浏览器7会出现这个问题，不过用IE浏览器就正常，能解决这个问题可追加悬赏
在线等，用DW弄的热点，在淘宝上点击后会出现，DW编辑的热点虚线框，360安全浏览器7会出现这个问题，不过用IE浏览器就正常，能解决这个问题可追加悬赏
不区分大小写匿名
&map name="Map" id="Map"&& &area shape="circle" coords="606,271,231" href="#" onFocus="this.blur()" /&&/map&&onFocus="this.blur()"加个这个代码即可
相关知识等待您来回答
网页制作领域专家温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
面朝大海,春暖花开!
LOFTER精选
&为了提高用户体验和易用度，一些设计师会对网页中用户经常用的东西进行优化，比如输入框。一般的输入框是怎样优化的呢？从用户体验的角度出发，简化用户使用步骤，让用户用得更方便就是提高了易用性，例如当鼠标悬浮在输入框时改变输入框颜色、自动选中输入框中的默认文字，或者点击输入框时自动清除默认内容等等。
这个效果听起来复杂，其实做起来却很简单，只要一小段javascript代码即可解决。下?面介绍一下几种效果的代码： 1.点击输入框选中内容的Html代码： &form id="form1" name="form1" method="post" action=""& &label for="textfield"&输入内容：&/label& &input name="textfield" type="text" id="textfield" value="Dreamweaver" onfocus="this.select()" /& &/form& 这段代码中最重要的部分就是onfocus这部分，如果不用onfocus，使用onclick也可以达到同样效果，比如onfocus="this.select()"。
2.鼠标悬浮在输入框上时改变边框颜色或背景色 这个效果有两种方法：方法一是使用CSS中的伪元素:focus；方法二还是使用一小段javascript； 方法一的html代码和上面的例子中一样，只不过在CSS中加入以下一段：
input:hover { border:1px solid #F00; }
在鼠标悬浮在输入框时，输入框边框就会变成红色，但是此方法只在Firefox浏览器和IE7以上版本中有效，IE6不支持，所以它有一定的局限性。
方法二的代码大部分和上面的例子中一样，只不过在在后面再加入一个一段鼠标悬浮的代码： &form id="form1" name="form1" method="post" action=""& &label for="textfield"&输入内容：&/label& &input name="textfield" type="text" id="textfield" value="Dreamweaver" onfocus="this.select()"onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" /& &/form& 使用这段代码，大多数浏览器都可以支持。
3.点击输入框默认文字消失 还有一种效果，当鼠标点击输入框时，原有的默认文字消失。如果输入其它新内容，然后移开鼠标，输入框新内容不变；如果不输入新内容，鼠标离开输入框又还原默认文字。
这种效果也只用加入一小段javascript判断即可完成： &form id="form1" name="form1" method="post" action=""& &label for="textfield"&输入内容：&/label& &input name="textfield" type="text" id="textfield" value="Dreamweaver" onmouseover="this.style.borderColor='#FF6600'" onmouseout="this.style.borderColor=''" onFocus="if (value =='Dreamweaver'){value =''}" onBlur="if (value ==''){value='Dreamweaver'}"/& &/form& 以上三种效果都是比较简单的javascript应用，虽然已经超越了Html代码的范畴，但掌握它们对Html的应用和网页制作带来很大便利，所以在必要的时候，掌握一些简单的javascript也是很有必要的。
阅读(1455)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_094075',
blogTitle:'如何制作点击输入框时默认文字消失的效果',
blogAbstract:'&',
blogTag:'textfield,输入,form1,onfocus,value',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:3,
publishTime:5,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:2,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'面朝大海,春暖花开!',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}在Dreamweaver 里怎么样去掉用热点后的方框？_百度知道
在Dreamweaver 里怎么样去掉用热点后的方框？
我有更好的答案
按默认排序
&&lt://a&&#47
其他类似问题
dreamweaver的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁