CSS是很多網站設計的重要組成部分。可以用CSS控制人物左右運動是一種非常有趣的網頁設計技巧。這種技巧可以讓網站更為生動有趣，吸引更多的用戶。我們可以通過使用CSS來實現這種效果，下面是示例代碼：

/*首先，我們需要定義一個包含人物的div*/
div#character{
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 50px;
background-image: url('character.png');
background-repeat: no-repeat;
background-size: cover;
}
/*接著，我們為人物定義兩個class，left和right，分別控制人物往左和往右移動*/
.left{
animation: leftMovement 2s infinite;
-moz-animation: leftMovement 2s infinite; /* Firefox*/
-webkit-animation: leftMovement 2s infinite; /* Safari and Chrome */
}
.right{
animation: rightMovement 2s infinite;
-moz-animation: rightMovement 2s infinite; /* Firefox */
-webkit-animation: rightMovement 2s infinite; /* Safari and Chrome */
}
/*定義左右移動動畫*/
@keyframes leftMovement {
0% {left: 0;}
50% {left: -50px;}
100% {left: 0;}
}
@keyframes rightMovement {
0% {left: 0;}
50% {left: 50px;}
100% {left: 0;}
}

實現代碼的關鍵在于CSS中的動畫技巧，我們定義了兩個循環變化的keyframes（leftMovement和rightMovement），并為人物定義了兩個class（left和right）。接著，我們使用animation屬性將CSS動畫應用到這個div中。

最后，我們只需要在HTML文件中為div添加對應的class即可控制人物左右運動：

<div id="character" class="left"></div> //人物往左移動
<div id="character" class="right"></div> //人物往右移動

這些簡單的代碼就能實現一個生動有趣的網頁效果。如果你還不了解CSS動畫的運用，可以嘗試去學習一下，會給你帶來更多的創意和靈感。