瀏覽器添加CSS前綴的方法如下：

1、瀏覽器內(nèi)置CSS前綴：大多數(shù)現(xiàn)代瀏覽器都內(nèi)置了一些CSS前綴，webkit-、-moz-、-o-等，這些前綴用于支持一些特定的CSS屬性和樣式，在編寫CSS時(shí)，可以直接使用這些前綴來(lái)添加樣式，

-webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
-o-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);

2、使用CSS預(yù)處理器：除了內(nèi)置前綴外，還可以使用CSS預(yù)處理器來(lái)添加前綴，常見(jiàn)的CSS預(yù)處理器包括Sass、Less和Stylus等，這些預(yù)處理器可以將CSS代碼轉(zhuǎn)換為瀏覽器可理解的樣式表，并自動(dòng)添加所需的前綴，在Sass中可以使用@include指令來(lái)添加前綴：

@include box-shadow(10px, 10px, 5px, rgba(0, 0, 0, 0.5));

3、手動(dòng)添加前綴：如果不使用內(nèi)置前綴或CSS預(yù)處理器，也可以手動(dòng)添加前綴到CSS代碼中，這種方法需要手動(dòng)檢查每個(gè)樣式屬性，并確定是否需要添加前綴。

.box {
  -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
  -o-box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.5);
}

需要注意的是，手動(dòng)添加前綴可能會(huì)增加代碼量和復(fù)雜度，因此建議優(yōu)先考慮使用內(nèi)置前綴或CSS預(yù)處理器。