将百度搜索嵌入自己的html网页（美化版） |
您所在的位置：网站首页 › 百度搜索引擎显示框怎么不一样了 › 将百度搜索嵌入自己的html网页（美化版） |
将百度搜索嵌入自己的html网页（美化版）
|
网页添加百度搜索(已美化) html5添加百度搜索引擎 话不多说直接上代码下面是CSS美化代码 .login-button { /* 按钮美化 */ width: 270px; /* 宽度 */ height: 40px; /* 高度 */ border-width: 0px; /* 边框宽度 */ border-radius: 3px; /* 边框半径 */ background: #1E90FF; /* 背景颜色 */ cursor: pointer; /* 鼠标移入按钮范围时出现手势 */ outline: none; /* 不显示轮廓线 */ font-family: Microsoft YaHei; /* 设置字体 */ color: white; /* 字体颜色 */ font-size: 17px; /* 字体大小 */ } .login-button:hover { /* 鼠标移入按钮范围时改变颜色 */ background: #5599FF; } .text-frame{width:400px; height:40px;}下面是添加百度搜索代码 以上是完整代码
测试网站 将源码直接复制粘贴即可 代码思路
知道了输入框的name及数据提交到哪儿，就可以实现了，代码如下： 效果如下 所以添加CSS美化代码 .login-button { /* 按钮美化 */ width: 270px; /* 宽度 */ height: 40px; /* 高度 */ border-width: 0px; /* 边框宽度 */ border-radius: 3px; /* 边框半径 */ background: #1E90FF; /* 背景颜色 */ cursor: pointer; /* 鼠标移入按钮范围时出现手势 */ outline: none; /* 不显示轮廓线 */ font-family: Microsoft YaHei; /* 设置字体 */ color: white; /* 字体颜色 */ font-size: 17px; /* 字体大小 */ } .login-button:hover { /* 鼠标移入按钮范围时改变颜色 */ background: #5599FF; } .text-frame{width:400px; height:40px;} 并将css美化class添加到input框内 欢迎光临我的小站呀 我的小破站
|
【本文地址】
今日新闻 |
推荐新闻 |