在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等框架。