在CSS中,我們常用的屬性有很多,有些屬性同時需要設置多個值,比如說邊框屬性border。那么,在CSS中,我們如何設置多個值呢?下面就來簡單介紹一下CSS中如何使用css()函數來設置多個屬性值。
CSS中,我們可以使用css()函數同時設置多個CSS屬性。css()函數的用法如下:
$(selector).css(property1,value1,property2,value2,...);
其中,selector代表選取的元素;property表示要設置的CSS屬性;value表示要設置的屬性值。如果同時設置多個屬性,則需要用逗號隔開。
例如,我們要同時設置選中元素的邊框屬性border,以及字體屬性font-size,代碼如下:
$(“#element”).css(“border”,”1px solid #000”,”font-size”,”12px”);
同樣,我們可以使用變量來代替具體的屬性值。如下代碼:
var borderStyle = “1px solid #000”; var fontSize = “12px”; $(“#element”).css(“border”,borderStyle,”font-size”,fontSize);
這樣就簡單實現了同時設置多個CSS屬性值的效果。