微信公众号 讲师中心
首页
文章
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 JavaScript 后端开发 数据库 移动端 运维开发 UI设计 计算机基础 XML Web Services
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
web3.0 后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程
游戏教程 自媒体 新闻
首页 > web前端 > html教程 > 正文

超链接文字的 右边有个图片，是用css弄在一起的吗？_html/css_WEB-ITnose

php中文网
发布： 2016-06-24 12:24:15
原创
1053人浏览过



超链接文字的 右边有个图片，是用css弄在一起的吗？

请问该怎么写？  谢谢


回复讨论(解决方案)

可以在超链接后追加DIV，内部包含图片，之后控制图片的LEFT和TOP即可。POSITION可以用相对位置 

.position {    position: relative;    left: 0px;    top: 0px}
登录后复制

可以在超链接后追加DIV，内部包含图片，之后控制图片的LEFT和TOP即可。POSITION可以用相对位置 

.position {    position: relative;    left: 0px;    top: 0px}
登录后复制


那个图片和超链接一样可以点击的，我觉得他们是做成一体的

这其实有几种方式：
1. 超链接和图片放在同一个DIV，且DIV的鼠标样式设为手型并加CLICK事件
2. IMG设置鼠标样式为手型并加CLICK事件

LZ可以二选一

这其实有几种方式：
1. 超链接和图片放在同一个DIV，且DIV的鼠标样式设为手型并加CLICK事件
2. IMG设置鼠标样式为手型并加CLICK事件

LZ可以二选一
我直接用css  background

大家都在看：

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：win8专业版 ie10和360浏览器无法加载本地html网页的css样式文件_html/css_WEB-ITnose 下一篇：会div+css的能找个啥样的工作_html/css_WEB-ITnose
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
html导航链接怎么打_html导航链接如何打详细步骤 首先使用标签定义导航区域，再用组织导航项，通过标签的href属性设置链接目标，可选添加class="active"高亮当前页或target="_blank"在新窗口打开链接。
2025-11-02 20:32:02
190
html如何开发后台_HTML后台管理（框架/模板）开发方法 答案：开发HTML后台管理系统需结合前端与后端技术，首先使用HTML、CSS和JavaScript构建登录页、主布局、数据展示页、表单页和统计面板等模块，通过语义化标签划分结构；推荐采用AdminLTE、SBAdmin等现成模板提升开发效率；利用JavaScript实现菜单切换、模态框、表单校验等基础交互；最终通过API与后端通信，使用fetch或AJAX获取JSON数据并动态渲染页面内容，同时注重权限控制与用户体验细节。
2025-11-02 19:55:02
176
html 颜色如何透明_HTML颜色透明（rgba/opacity）设置与叠加方法 使用rgba()可单独设置颜色透明度而不影响子元素，适用于背景、边框等场景；opacity则使整个元素及其内容整体透明，适合淡入淡出动画或禁用状态。两者核心区别在于作用范围，rgba()更精准控制颜色透明，opacity影响全局。示例中rgba(255,0,0,0.5)实现半透明红色背景且内部文字不透明，而opacity:0.5导致子元素一同变透明。因此，需按需求选择：局部透明用rgba()，整体透明用opacity。
2025-11-02 19:37:02
146
HTML如何设置音频_HTML音频（audio）播放控件与属性设置方法 答案：HTML中通过标签嵌入音频，结合src、controls、autoplay等属性控制播放行为，并用提供MP3、OGG等多格式以确保兼容性；通过JavaScript可实现播放、暂停、音量调节及事件监听等高级控制。
2025-11-02 19:13:28
878
html如何使用commonjs_HTML与CommonJS模块化规范结合方法 答案是使用打包工具将CommonJS模块转化为浏览器可执行的代码。通过Webpack或Browserify等工具，将require语法打包成单个文件，再在HTML中通过script标签引入，实现模块化开发与浏览器兼容的统一。
2025-11-02 19:07:02
959
html如何js调用_HTML与JavaScript交互与函数调用方法 答案：HTML通过内联事件、DOM绑定、传参调用和页面加载自动执行等方式调用JavaScript函数。1.内联事件如onclick直接触发函数，适合简单场景；2.使用getElementById结合addEventListener实现结构与行为分离，利于维护；3.可在调用时传递参数，内联或闭包方式均可；4.通过DOMContentLoaded确保页面加载后执行初始化函数，避免元素未就绪问题。应根据项目规模选择合适方式，提升代码可读性与可维护性。
2025-11-02 18:31:35
957
怎么做html5_HTML5项目开发流程与最佳实践指南 项目需先规划需求与目标设备，再选技术栈；2.使用语义化标签构建清晰结构；3.通过响应式设计适配多端；4.优化资源提升性能；5.多环境测试确保兼容；6.部署后持续维护更新。
2025-11-02 18:29:02
601
网页html链接怎么打_网页html链接如何打实用技巧 使用HTML的标签可创建超链接，href属性指定目标地址，如网址、文件路径或邮箱；通过相对路径链接站内页面，添加target="_blank"在新标签页打开外部链接或下载文件；利用mailto发送邮件、tel拨打电话，适用于移动端；通过设置id与href="#id"实现页面内锚点跳转，便于长内容导航。
2025-11-02 18:08:02
444
HTML5代码如何创建Web Worker HTML5代码多线程编程的实践方案 WebWorker是HTML5提供的一种让JavaScript在后台线程中运行的机制，避免耗时操作阻塞页面渲染。通过WebWorker，可以实现多线程编程，提升网页性能。创建WebWorker的基本步骤要使用WebWorker，需将需要在后台执行的代码放入一个独立的JavaScript文件中，并在主脚本中创建Worker实例。新建一个JS文件（如worker.js），编写要在后台运行的逻辑在主页面中使用newWorker(‘worker.js’)创建Work
2025-11-02 17:35:02
696
html如何制作水印_HTML水印（文字/图片）添加与设置方法 使用CSS和HTML可实现网页水印，方法包括：一、通过background-image与dataURI嵌入斜向文字水印；二、利用伪元素结合transform旋转生成叠加文字层；三、插入img标签或背景图设置固定位置图片水印；四、用Canvas绘制多行斜纹并转Base64作背景；五、通过禁用右键、屏蔽快捷键及透明遮罩限制用户复制行为，增强防护。
2025-11-02 17:13:13
581
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部