CSS鼠标悬停li框变大是一种常见的网页设计效果，它可以让页面更具有互动性和视觉冲击力。下面是一段样式代码可以实现这种效果。

li:hover {
transform: scale(1.1); /* 放大1.1倍 */
}

上述代码中，使用:hover伪类选择器来为鼠标悬停状态下的li元素添加变化效果，即将其放大1.1倍。这个效果非常简单易懂，但需要注意的是：

首先，该效果只会影响到li元素本身，而不会影响其内部的子元素。如果你想要同时对字体、图片等元素进行变化，需要使用其他CSS属性，例如font-size、background等。

其次，需要合理控制放大倍数，避免过度变形导致网页呈现不良效果。一般来说，1.1倍到1.2倍之间就已经足够。

最后，该效果只在支持CSS3的浏览器中生效，所以如果你的网站需要兼容老版本浏览器，要添加缩放效果的备选方案。

通过上述代码，在li元素鼠标悬停时就可以实现一个简单的变化效果。如果你想要更佳的效果，可以在变化时添加渐变动画等效果，让页面看起来更加动感。