怎么用鼠标直接拉出来一个红色的框

怎么用鼠标直接拉出来一个红色的框,第1张

首先,打开你想要将框放置的图片或文档页面,在“插入”标签页中点击“形状”,你会看到有一系列的形状,在它们中找到一个框框的形状,然后点击“填充”,在“渐变色”中选择你想要的颜色,比如红色,最后,用鼠标拖动框框至你想要放置的位置即可。

经查询可以知道,可以使用的代码如下,

鼠标悬浮在输入框改变边框颜色或背景色代码,这个效果有两种方法:方法一是使用CSS中的伪元素:focus;方法二还是使用一小段javascript;

方法一的html代码和上面的例子中一样,只不过在CSS中加入以下一段:

input:hover { border:1px solid #F00}

在鼠标悬浮在输入框时,输入框边框就会变成红色,但是此方法只在Firefox浏览器和IE7以上版本中有效,IE6不支持,所以它有一定的局限性。

方法二的代码大部分和上面的例子中一样,只不过在在后面再加入一个一段鼠标悬浮的代码:

HTML代码

action="">

for="textfield">输入内容:

type="text" id="textfield" value="Dreamweaver"

οnfοcus="this.select()"

οnmοuseοver="this.style.borderColor='#FF6600'"

οnmοuseοut="this.style.borderColor=''" />

本代码来自IT知道网JAVASCRIPT 示例

使用这段代码,大多数浏览器都可以支持


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11939362.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存