Shulou(Shulou.com)06/02 Report--

This article will explain in detail how to set up the CSS panel in Dreamweaver, the content of the article is of high quality, so the editor will share it with you for reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

1. First of all, we need you to create a new HTML document. Here, we directly open the tool, and then select New HTML.

2. After the establishment, we use the shortcut keys here, and then we can see the CSS panel after Shift+F11.

3. As shown in the following figure, right-click on the panel and select "New"

4. The new CSS rule table will pop up after that.

5. Set the selected type ~ to the class, set the name to ~ test, and define ~ for this document only, click "OK".

6. Then pop up the test CSS rule definition shown in the figure

7. We can see it in the css definition box. Type background block box border list positioning extension. Set the font size, style, line height, etc., in the type box

8. Then there is a background setting, where we can set the background color and background image.

9. You can also set the block mode here

10. Positioning, lists, etc., can be beautified through their own settings, so I will not introduce them one by one here.

11. After the setting is completed, enter the content and we can see the result of our setting.

12. Of course, here we can click on the code module, here we can see the settings of our code parts, if you think entering the code is too cumbersome, this method is worth a try.

On how to set up the CSS panel in Dreamweaver should be shared here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.