Method one: Make round horn form with the picture
This is the most commonly used also be the most current method, it can get used to all sorts of browsers and different resolution well, major webpage uses this kind of method.
① uses the constructive software scale such as Photoshop first a round horn is rectangular, reoccupy " the rectangular tool that choose casing " choose left the round part part that hand in, duplicate it.
② does not cancel to choose, build a pair of image directly, PhotoshopCan set the size that builds image automatically according to choosing partial height, width. After paste, save use a form for WEB place can.
③ repeats measure ② , use respectively " the level retroflexions " tool and " perpendicular retroflexion " tool, save the round part of additionally 3 direction.
④ opens a webpage to make software, it is with Dreamweaver here exemple. Thrust a group 3 form, install its CellPad, CellSpace and Border property value to be 0. Picture 1.gif is inserted in the first, the 3rd inserts picture 3.gif, the height that sets unit standard and width and picture are consistent. Install the 2nd setting color to be the color that agrees with round horn picture, setting width subtracts for the width of whole form the width of two pictures, open source code to look carefully at implement, the character in deleting this to list " " (Dreamweaver will be automatic this character is thrust in every unit case, if be not deleted,can fill big form) . Draw gourd ladle according to calabash, had made the round part of below half part.
A group is thrust again among two form that ⑤ already inserted again 3 are the same as wide form, cellPad, CellSpace and Border property value are 0, width is 100% . The setting is the color that agrees with round horn picture the first times with color of the 3rd setting, width is 1 like element, open source code to look carefully at implement, the character in deleting these two " " . To this, form of a round horn has been done, you can be in the 2nd content that you add to want in the row.
Method 2: Use VML technology
With VML the technology can make form of a round horn easily, and still have umbriferous oh!
① revises watch knowledge to be
② adds following code in area:
< Style > < Br > V\:*{behavior: Url(#default#VML);} < Br > < / Style >
The place that ③ wants to add round horn table in you joins the following code: Br >
Here inputs the content in form
You can install the width of round horn form, height, umbriferous color to wait in above code.
Such, one has umbriferous round horn form to had been made.
Although this kind of method that adds round horn table is very convenient, but it cannot get used to every browser version very well, and the means reality with the layer is when be being designed, go against layout, use the first kind of method as far as possible so.

No comments:
Post a Comment