Prettify the page with an image (step 4 of 9)

你还没有登录。你所做的任何更改会将作者标记为匿名用户。如果你已经拥有帐户，请登录。

<div class="contentLayout2">
<div class="columnLayout single" data-layout="single">
<div class="cell normal" data-type="normal">
<div class="innerCell">
<p style="margin-left: 60.0px;"> </p><p><span style="color: rgb(51,51,51);">The Confluence editor helps you create content, fast. </span><span style="color: rgb(51,51,51);">You can embed images, Office documents, and even videos. <br />That's just the tip of the iceberg when it comes to creating useful content for your team. <br /> </span></p></div>
</div>
</div>
<div class="columnLayout two-right-sidebar" data-layout="two-right-sidebar">
<div class="cell normal" data-type="normal">
<div class="innerCell">
<ol><li style="text-align: left;"><strong>Edit</strong> the page.<br /><br /></li><li style="text-align: left;">Click in the right-hand column to position your cursor.<br /><br /></li><li style="text-align: left;">Click <strong style="text-align: left;">Files</strong> on the editor toolbar. It looks like this:<br /><br /><img class="confluence-embedded-image" draggable="false" width="301" src="/download/attachments/98318/step04-01.png?version=4&amp;modificationDate=1716544558467&amp;api=v2" data-image-src="/download/attachments/98318/step04-01.png?version=4&amp;modificationDate=1716544558467&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="98350" data-linked-resource-version="4" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-01.png" data-base-url="https://wiki.feng-sheng.cn" data-linked-resource-content-type="image/png" data-linked-resource-container-id="98318" data-linked-resource-container-version="1" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-01.png" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-01.png" data-image-height="166" data-image-width="714"><br /> </li><li style="text-align: left;"><span>The Files dialog shows you the files attached to this page. <br />Select the image named <strong>Confluence Origami Necktie</strong>.<br /> <br /></span></li><li style="text-align: left;">Click <strong>Insert</strong>.<br /><br /></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">You will return to this page, and see the 'Image Properties Panel'. If you don't see it, click the image.<br /> <br /></span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">Resize the image by clicking on the square buttons or entering a width.<br /><br /><img class="confluence-embedded-image" draggable="false" width="540" src="/download/attachments/98318/step04-02.png?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-image-src="/download/attachments/98318/step04-02.png?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="98352" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="step04-02.png" data-base-url="https://wiki.feng-sheng.cn" data-linked-resource-content-type="image/png" data-linked-resource-container-id="98318" data-linked-resource-container-version="1" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-02.png" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > step04-02.png" data-image-height="234" data-image-width="1080"><br /> <br /></span><span style="color: rgb(51,51,51);"><br /></span></li><li style="text-align: left;"><span>Click <strong>Properties </strong>and then select the <strong>Curl Shadow</strong> option from the Image Effects dialog. <br />   <br /></span></li><li style="text-align: left;"><span style="color: rgb(51,51,51);">Your image should look like this when completed:<br /><img class="confluence-embedded-image confluence-thumbnail" draggable="false" width="300" confluence-query-params="effects=border-simple,shadow-kn" src="/download/thumbnails/98318/Confluence-Origami-Necktie.jpeg?version=1&amp;modificationDate=1716544558467&amp;api=v2&amp;effects=border-simple,shadow-kn" data-image-src="/download/attachments/98318/Confluence-Origami-Necktie.jpeg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="98346" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="Confluence-Origami-Necktie.jpeg" data-base-url="https://wiki.feng-sheng.cn" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="98318" data-linked-resource-container-version="1" title="Demonstration Space > Prettify the page with an image (step 4 of 9) > Confluence-Origami-Necktie.jpeg" data-location="Demonstration Space > Prettify the page with an image (step 4 of 9) > Confluence-Origami-Necktie.jpeg" data-image-height="300" data-image-width="449"><br /> </span></li><li style="text-align: left;"><span style="line-height: 1.42857;">Click </span><strong style="line-height: 1.42857;">Update </strong><span style="line-height: 1.42857;">to publish your changes to the page.</span><br /><br /></li><li style="text-align: left;">View the image on the page, or click to preview the file.</li></ol><p style="text-align: left;">The Files button is not just for images, you can insert and preview a wide range of files, including Microsoft Office documents and PDFs.</p></div>
</div>
<div class="cell aside" data-type="aside">
<div class="innerCell">
<p> </p></div>
</div>
</div>
<div class="columnLayout single" data-layout="single">
<div class="cell normal" data-type="normal">
<div class="innerCell">
<h1 style="text-align: center;"><span style="color: rgb(51,51,51);"><br /></span></h1><h1 style="text-align: center;"><span style="color: rgb(51,51,51);"><a class="confluence-link" href="/pages/viewpage.action?pageId=98317" data-linked-resource-id="98317" data-linked-resource-version="1" data-linked-resource-type="page" data-linked-resource-default-alias="Let's edit this page (step 3 of 9)" data-base-url="https://wiki.feng-sheng.cn"><img class="confluence-embedded-image" draggable="false" src="/download/attachments/98317/prev.jpg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-image-src="/download/attachments/98317/prev.jpg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="98337" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="prev.jpg" data-base-url="https://wiki.feng-sheng.cn" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="98317" data-linked-resource-container-version="1" title="Demonstration Space > Let's edit this page (step 3 of 9) > prev.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > prev.jpg" data-image-height="40" data-image-width="106"></a> <a class="confluence-link" href="/display/ds/Welcome+to+Confluence" data-linked-resource-id="98319" data-linked-resource-version="1" data-linked-resource-type="page" data-linked-resource-default-alias="Welcome to Confluence" data-base-url="https://wiki.feng-sheng.cn"><img class="confluence-embedded-image" draggable="false" src="/download/attachments/98317/home.jpg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-image-src="/download/attachments/98317/home.jpg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="98345" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="home.jpg" data-base-url="https://wiki.feng-sheng.cn" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="98317" data-linked-resource-container-version="1" title="Demonstration Space > Let's edit this page (step 3 of 9) > home.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > home.jpg" data-image-height="39" data-image-width="98"></a> <a class="confluence-link" href="/pages/viewpage.action?pageId=98332" data-linked-resource-id="98332" data-linked-resource-version="1" data-linked-resource-type="page" data-linked-resource-default-alias="Get serious with a table (step 5 of 9)" data-base-url="https://wiki.feng-sheng.cn"><img class="confluence-embedded-image" draggable="false" src="/download/attachments/98317/next.jpg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-image-src="/download/attachments/98317/next.jpg?version=1&amp;modificationDate=1716544558467&amp;api=v2" data-unresolved-comment-count="0" data-linked-resource-id="98349" data-linked-resource-version="1" data-linked-resource-type="attachment" data-linked-resource-default-alias="next.jpg" data-base-url="https://wiki.feng-sheng.cn" data-linked-resource-content-type="image/jpeg" data-linked-resource-container-id="98317" data-linked-resource-container-version="1" title="Demonstration Space > Let's edit this page (step 3 of 9) > next.jpg" data-location="Demonstration Space > Let's edit this page (step 3 of 9) > next.jpg" data-image-height="40" data-image-width="106"></a></span></h1><p><span style="color: rgb(51,51,51);"><br /></span></p></div>
</div>
</div>
</div>