在Web開發(fā)中，我們經(jīng)常需要使用MD5加密算法來保護(hù)數(shù)據(jù)的安全性，雖然CSS是一種用于描述HTML文檔樣式的語言，但它并不能直接實(shí)現(xiàn)MD5加密功能，不過，我們可以結(jié)合JavaScript和CSS來實(shí)現(xiàn)這一需求。

我們需要在HTML文檔中包含JavaScript代碼來實(shí)現(xiàn)MD5加密，可以使用一些流行的JavaScript庫，如crypto-js或blueimp-md5，這些庫提供了方便的MD5加密函數(shù)。

我們可以使用CSS來美化加密后的結(jié)果，我們可以將加密后的字符串以特定的樣式顯示出來，或者將結(jié)果顯示在特定的HTML元素中。

以下是一個(gè)簡單的示例代碼，展示了如何實(shí)現(xiàn)這一功能：

HTML代碼：

<div id="encrypted-result"></div>

JavaScript代碼：

// 引入crypto-js庫
var CryptoJS = require("crypto-js");
// 待加密的字符串
var message = "Hello, World!";
// 使用MD5算法加密字符串
var encrypted = CryptoJS.MD5(message);
// 將加密后的字符串轉(zhuǎn)換為十六進(jìn)制表示
var hex = encrypted.toString(CryptoJS.enc.Hex);
// 將結(jié)果顯示在指定的HTML元素中
document.getElementById("encrypted-result").innerHTML = hex;

CSS代碼：

#encrypted-result {
  font-size: 24px;
  color: #333;
}

在這個(gè)示例中，JavaScript代碼實(shí)現(xiàn)了MD5加密功能，并將加密后的結(jié)果以十六進(jìn)制字符串的形式顯示出來，CSS代碼則用于美化顯示結(jié)果，將字體大小設(shè)置為24像素，顏色設(shè)置為#333。

這只是一個(gè)簡單的示例，實(shí)際使用時(shí)可能需要根據(jù)具體需求進(jìn)行調(diào)整，為了保護(hù)數(shù)據(jù)的安全性，建議不要在前端代碼中直接處理敏感信息，而是將數(shù)據(jù)發(fā)送到服務(wù)器進(jìn)行加密處理。