Use javascript to add drop shadow to table, text or image elements. (It is better to use CSS3Text Shadow and Box Shadow to do this unless you need to support browsers that do not support CSS3).
Define a style. You do not need to define any rules for this style unless those rules are also applicable to the elements. You can also use an existing style.
Add that style to the list by using the Add button of this dialog.
Set the parameters for the Shadow or just accept the default settings.
Click OK to save the settings and preview the results in internal or external browsers.
The following are the sceenshots of the effects by using an image, a text element with the word "Drop Shadow" and an empty text element with an orange background.
The results after applying the drop shadow effect: -
Please note that generating drop shadow by javascript may slow down the rendering of your page especially if there are many of them. If javascript is disabled on the browser, the effect will not be shown. Normally, only apply one javascript effect to an element as they are not designed to work together with another javascript effects.
