CSS表格寬度隨便拖動是一種基于CSS樣式表的技術，用于在Web頁面上制作可調整表格寬度的交互式表格。

在實現這一功能時，我們可以利用CSS3的屬性“resize”來實現。resize屬性可以控制元素的尺寸是否可調整，并指定元素調整的方式。例如，我們可以將resize屬性的值設置為“horizontal”，實現水平縮放。

/* 使表格元素可調整 */
table {
resize: horizontal;
overflow: auto;
}

除了使用resize屬性，我們還可以利用JavaScript來實現表格寬度的拖動。通過監聽表格元素的mousedown、mousemove和mouseup事件，以及計算鼠標移動距離和表格寬度變化，可以實現表格寬度拖動的功能。

/* JS代碼 */
var table = document.getElementById('myTable');
var isResizing = false;
var lastX = 0;
table.addEventListener('mousedown', function(e) {
isResizing = true;
lastX = e.clientX;
});
table.addEventListener('mousemove', function(e) {
if (!isResizing) {
return;
}
var deltaX = e.clientX - lastX;
lastX = e.clientX;
var newWidth = table.offsetWidth + deltaX;
if (newWidth >0) {
table.style.width = newWidth + 'px';
}
});
table.addEventListener('mouseup', function(e) {
isResizing = false;
});

總之，CSS表格寬度隨便拖動是一種方便實用的Web設計技術，能夠提高用戶體驗和交互性，是Web前端開發的重要技能之一。