在css3里文字怎样在图片右边

Ⅰ html 怎么编写 文字靠左，图片靠右，并且底部对齐

有很多种方法，可以计算外层DIV的高度，为包含文字和图片的标签分别设置左右对齐，然后给相应的margin上边距。

还可以对最外层的DIV设置相对定位，再对里面的文字与图片设置绝对定位。定位示例：

<div>

<span>413</span><img src="images/pic.jpg" />

</div>

比如你的DIV长为610像素，高为150像素的话，样式如下：

<style type="text/css">

div {width:610px; height:150px; margin:50px auto; position:relative;}

span {position:absolute; left:0; bottom:0px;}

img {position:absolute; right:0; bottom:0px;}

</style>

效果如下：

Ⅱ css如何实现鼠标移至图片上显示遮罩层及文字

1.首先看看HTML、一个img图像控件和一个带掩码样式的div，其中包含文本。这是蒙版层。

Ⅲ 如何把图片做成一个程序，点击图片上某一点，就会弹出一段文字

要把图片做成一个程序，实现点击图片上某一点就能弹出一段文字的功能，可以按照以下步骤进行：

一、网页实现

1. 使用HTML5和CSS3制作页面：

   • 创建一个HTML文件，并在其中嵌入图片。
   • 使用CSS3对图片进行样式调整，确保其在页面中的位置和大小合适。

2. 使用JavaScript添加交互功能：

   • 为图片添加一个透明的覆盖层，该覆盖层与图片大小相同，并设置其可点击。
   • 使用JavaScript监听覆盖层的点击事件，根据点击的位置计算出对应的图片坐标。
   • 根据预设的坐标与弹出文字的对应关系，当点击到特定坐标时，弹出相应的文字。

3. 部署到网页服务器：

   • 将HTML、CSS和JavaScript文件上传至网页服务器。
   • 通过浏览器访问该网页，即可体验点击图片弹出文字的功能。

二、Windows软件实现

1. 选择合适的编程语言和框架：

   • 可以使用C#、VB.NET等编程语言，结合Windows Forms或WPF框架进行开发。
   • 或者使用更底层的编程语言如C++，结合MFC或Qt等框架。

2. 设计界面：

   • 在软件界面中嵌入一个图片控件，并加载所需的图片。
   • 可以在图片控件上方或旁边添加一个透明的按钮或标签控件，用于模拟点击事件。但更常见的是直接监听图片控件的鼠标点击事件。

3. 实现点击事件与弹出文字的关联：

   • 为图片控件添加鼠标点击事件监听器。
   • 在事件处理函数中，根据鼠标点击的位置计算出对应的图片坐标。
   • 根据预设的坐标与弹出文字的对应关系，当点击到特定坐标时，使用MessageBox或其他方式弹出相应的文字。

4. 编译和发布软件：

   • 使用相应的开发工具进行编译，生成可执行文件。
   • 将可执行文件发布到目标计算机上，用户即可通过双击运行该软件，体验点击图片弹出文字的功能。

注意：以上两种方法均需要一定的编程基础。对于网页实现，HTML5、CSS3和JavaScript是基础；对于Windows软件实现，则需要熟悉C#、VB.NET等编程语言和Windows Forms、WPF等框架。