免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
Board logo

标题: section [打印本页]
作者: qianhong    时间: 2020-6-13 07:28     标题: section

欢迎来到流利印尼语情景小对话


今天我们要分享的是


如何用印尼语追求女孩子

（此代码只适合chrome浏览器）

作者: qianhong    时间: 2020-6-13 07:32

欢迎来到流利印尼语情景小对话


今天我们要分享的是


如何用印尼语追求女孩子

（此代码只适合chrome浏览器）

作者: qianhong    时间: 2020-6-13 08:44

大标题


文字开始……。



dot.gif




（此代码只适合chrome浏览器）

作者: qianhong    时间: 2020-6-13 10:30

大标题


文字开始……。



dot.gif




（此代码只适合chrome浏览器）

作者: qianhong    时间: 2020-6-13 11:59

用section做边框


代码：
<div align="center">
<div style="width:800px">
<section style="font-size: 16px;border-width: 0px;border-style: none;border-color: initial;box-sizing: border-box;">
<section class="layout" style="margin: 5px auto;">
<section style="font-size: 14px;margin-right: 80px;margin-left: 80px;font-family: Helvetica, Arial, sans-serif;">
<section style="display: inline-block;float: left;">
<section style="width: 0.6em;height: 1.4em;display: inline-block;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
<section style="width: 0.6em;height: 1.4em;display: inline-block;margin-left: 0.2em;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
</section>
<section style="text-align: right;">
<section style="width: 0.6em;height: 1.4em;display: inline-block;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
<section style="width: 0.6em;height: 1.4em;display: inline-block;margin-left: 0.2em;border-width: 2px;border-style: solid;border-color: #003300;color: rgb(5, 115, 175);background-color: #D6FFE4;box-sizing: border-box;"></section>
</section>
</section>
<section style="padding: 30px;margin-top: -0.9em;background-color: #D6FFE4;box-sizing: border-box;">
<section class="135brush" style="border-width:6px;border-style:double; border-color: #003300;padding: 20px 15px; box-sizing:border-box; border-radius:20px">
<p align=center><span style="FONT: bold 60px/140% Microsoft YaHei; COLOR: #006600; text-shadow: 3px 3px 3px #000000; letter-spacing:10px">大标题</span></p><br>
<p style="padding-left:20px; padding-right:20px" align=left>
<span style="FONT: bold 30px/140% kaiti; COLOR: #005500">文字开始……。</span></p>
<br><br>
<p align=center><img src="https://s1.ax1x.com/2020/06/13/tjQDHO.gif" alt="dot.gif" width=300></p><br>
</section></section>
</section></section>
</div></div>
<br><br>

dot.gif




作者: qianhong    时间: 2020-6-13 15:24

大标题

文字开始……。






大标题

文字开始……。







作者: qianhong    时间: 2020-6-13 16:36

大标题

文字开始……。





作者: qianhong    时间: 2020-6-13 17:04

大标题

文字开始……。





作者: qianhong    时间: 2020-6-13 18:34



大标题


文字开始……。



作者: qianhong    时间: 2020-6-17 22:10

明天会更好



作者: qianhong    时间: 2020-6-18 20:21

大标题


文字開始……。


作者: qianhong    时间: 2020-6-18 20:51



大标题

文字開始……。






作者: qianhong    时间: 2020-6-19 11:42


★


★

大标题

文字開始……。



★


★



作者: qianhong    时间: 2020-6-19 12:19



大标题

文字開始……。






作者: qianhong    时间: 2020-6-20 16:44




section


 section是HTML5中的新标签。

 section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。




作者: qianhong    时间: 2020-6-20 17:56




section


 section是HTML5中的新标签。

 section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。




作者: qianhong    时间: 2020-6-22 13:53

大标题


 文字开始……。




作者: qianhong    时间: 2020-6-27 21:19

clip

















大标题

文字開始……。









作者: qianhong    时间: 2020-6-27 21:41


作者: qianhong    时间: 2020-6-27 21:44


好

作者: qianhong    时间: 2020-6-27 21:59



好

作者: qianhong    时间: 2020-6-27 22:52

down_triangle

动态雪花背景


divider



作者: qianhong    时间: 2020-6-27 23:03

大标题

文字开始……。



作者: qianhong    时间: 2020-6-29 10:10

大标题
文字開始……。



作者: qianhong    时间: 2020-6-29 11:49

640.gif

渐变背景


文字開始……。

640-1.gif


作者: qianhong    时间: 2020-6-29 16:31

umbrella.png

渐变背景


文字開始……。

leaf.gif


作者: qianhong    时间: 2020-6-30 20:06

大标题


作者: qianhong    时间: 2020-6-30 21:26

大标题
640-3.gif


作者: qianhong    时间: 2020-6-30 21:37

大标题
640-4.gif


作者: qianhong    时间: 2020-7-2 11:04

    
大标题

文字开始……。



作者: qianhong    时间: 2020-7-2 13:35

大 标 题

文字开始……。







作者: qianhong    时间: 2020-7-3 09:00

~~中空陰影字體~~
作者: qianhong    时间: 2020-7-3 11:12


祝


贺


我国北斗三号全球卫星导航系统发射成功

谨此
以崇高的敬意向全体参与北斗卫星工程的工作人员表示感谢和问候

祝愿祖国航天事业蒸蒸日上！

向中国航天人致敬！

作者: qianhong    时间: 2020-7-4 10:34

★★小标题★★

作者: qianhong    时间: 2020-7-5 16:40

里长江第一阁

dot.gif

【湖北鄂州“万里长江第一阁”观音阁稳如磐石】7月3日，长江今年第1号洪水来袭，鄂州长江水位超设防水位，位于江心一块礁石上的观音阁下方十几米高的基座被淹。观音阁以红石青砖砌就，700余年来，饱经风霜，纵览长江，被誉为“万里长江第一阁”。 （视界网 陈凌志 摄）

dot.gif



dot.gif



作者: qianhong    时间: 2020-7-5 16:43

Click Here


作者: qianhong    时间: 2020-7-5 17:56

请点击


作者: qianhong    时间: 2020-7-9 09:41

《用section美化邊框》

HTML5 的新標籤 section 製作的邊框，可以讓你隨心所欲在邊框各處截斷，并加上小裝飾貼圖，美化邊框，這是以前用table製作的邊框所無法做到的。



作者: qianhong    时间: 2020-7-10 21:41



大 標 題



作者: qianhong    时间: 2020-7-11 21:06


作者: qianhong    时间: 2020-7-11 22:23


★ ★ ★ ★ ★

文字開始……。

5586167_NmcFe.gif

作者: qianhong    时间: 2020-7-11 23:21

文字开始……。

作者: qianhong    时间: 2020-7-12 00:03




文字开始……。





作者: qianhong    时间: 2020-7-12 08:16

大标题

文字開始……。

作者: qianhong    时间: 2020-7-12 09:16



大标题

文字開始……。



作者: qianhong    时间: 2020-7-12 22:13

大标题

文字開始……。

作者: qianhong    时间: 2020-7-12 23:01


大标题

文字開始……。


作者: qianhong    时间: 2020-7-13 11:25

大标题

文字開始……。

作者: qianhong    时间: 2020-7-13 11:57

大标题

文字開始……。

作者: qianhong    时间: 2020-7-13 13:22

大标题

文字開始……。

作者: qianhong    时间: 2020-7-14 10:25




大标题

文字開始……。

作者: qianhong    时间: 2020-7-14 11:39

大标题

文字開始……。

作者: qianhong    时间: 2020-7-15 09:47

渐变边框

文字開始……。



  （此代码不适合公用栏目上使用，在公用栏目制作渐变边框时，代码里之section不宜超过3层！！）



作者: qianhong    时间: 2020-7-15 10:39

大标题

文字開始……。



作者: qianhong    时间: 2020-7-15 17:02

大标题

文字開始……。




作者: qianhong    时间: 2020-7-15 18:14

大标题

文字開始……。

作者: qianhong    时间: 2020-7-15 19:06

大标题

文字開始……。

作者: qianhong    时间: 2020-7-15 22:05

大标题

文字開始……。



作者: qianhong    时间: 2020-7-15 22:45

大标题

文字開始……。



作者: qianhong    时间: 2020-7-16 00:05

大标题

文字開始……。

作者: qianhong    时间: 2020-7-16 09:46

大 标 题

作者: qianhong    时间: 2020-7-16 10:21

大 标 题

作者: qianhong    时间: 2020-7-16 13:17

为图片制作圆形边框



原图：



作者: qianhong    时间: 2020-7-16 13:27

为图片制作椭圆形边框



作者: qianhong    时间: 2020-7-16 13:42

为图片制作椭圆形边框



作者: qianhong    时间: 2020-7-17 20:59

3
信息摘录
作者: qianhong    时间: 2020-7-17 22:13


《念故乡》


念故乡，念故乡，故乡真可爱，天青青，风凉凉，乡愁阵阵来。
故乡人，今如何，常念念不忘，在他乡，一孤客，寂寞又凄凉。
我愿意，回故乡，重返旧家园，众亲友，聚一堂，同享从前乐。




作者: qianhong    时间: 2020-7-18 09:59




CSS3 Gradients 漸層效果

CSS3 Gradients 是用來設計漸層效果的新功能，在傳統的網頁設計中，如果要設計出一個漸層的背景顏色或一個具有漸層色彩的區塊，需要透過圖片的設計來處理，但是到了 CSS3 的發展，這樣的傳統設計思維有所改變，CSS3 推出了一個名為 Gradients 的功能，可以設計出不同的漸層效果，僅需透過 Gradients 的調整，例如漸層方向、漸層所呈現的顏色、漸層的呈現形狀，就可以很輕易的讓瀏覽器自己產生出漸層效果，可以應用在網頁本身的背景漸層效果或是區外的漸層視覺效果，優點是不用先設計漸層圖片、減少頻寬的浪費，而且漸層放大後的效果也比傳統的圖片式漸層效果好，因為是用瀏覽器自動產生的漸層，優點自然不在話下。

  目前有兩種漸層效果，分別是線性漸層（Linear Gradients）以及徑向漸層（Radial Gradients），這兩者的設定方式不太一樣，實際的視覺效果也不一樣。


作者: qianhong    时间: 2020-7-18 11:35

用CSS3 Gradients
制作渐变背景效果演示

由上而下的線性漸層效果

linear-gradient(red, yellow, green);


由左而右的線性漸層效果

linear-gradient(to right, red, yellow, green);


由左上向右下的線性漸層效果

linear-gradient(to bottom right, red, yellow, green);


亦可用角度調整渐变方向

linear-gradient(45deg, red, yellow, green);


由内到外圆形漸層效果

radial-gradient(circle, yellow, red);


由内到外椭圆形漸層效果

radial-gradient(ellipse, yellow, red);


作者: qianhong    时间: 2020-7-18 17:18

Linear Gradients
堆叠渐变效果

堆叠渐变效果范例

linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%),
linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%),
linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);


Radial Gradients
堆叠渐变效果

堆叠渐变效果范例


radial-gradient(circle at 50% 0, rgba(255,0,0,.5), rgba(255,0,0,0) 70.71%),
radial-gradient(circle at 6.7% 75%, rgba(0,0,255,.5), rgba(0,0,255,0) 70.71%),
radial-gradient(circle at 93.3% 75%, rgba(0,255,0,.5), rgba(0,255,0,0) 70.71%) beige;


作者: qianhong    时间: 2020-7-18 17:20


《你真的理解CSS的linear-gradient？》


作者: qianhong    时间: 2020-7-20 11:13

大标题

文字开始





作者: qianhong    时间: 2020-7-20 13:13

大标题

文字开始





作者: qianhong    时间: 2020-7-20 15:22



作者: qianhong    时间: 2020-7-20 16:23

大标题

文字开始





作者: qianhong    时间: 2020-7-20 18:10

有色中空阴影字



有色中空阴影字



有色中空阴影字



有色中空阴影字



作者: qianhong    时间: 2020-7-25 21:34

大标题

文字开始……。





作者: qianhong    时间: 2020-7-25 22:45

大标题

文字开始……。





作者: qianhong    时间: 2020-7-25 23:34

大标题

文字开始……。





作者: qianhong    时间: 2020-7-26 00:10

大标题

文字开始……。





作者: qianhong    时间: 2020-7-26 09:52

大标题

文字开始……。





作者: qianhong    时间: 2020-7-26 18:07

大标题

文字開始……。



作者: qianhong    时间: 2020-7-26 19:45

大标题


文字开始……。




作者: qianhong    时间: 2020-7-28 13:14

大标题

文字開始……。



大标题

文字開始……。



作者: qianhong    时间: 2020-7-28 22:52

大标题

文字开始……。





作者: qianhong    时间: 2020-7-29 10:27

大标题

文字开始……。





作者: qianhong    时间: 2020-7-29 12:10

大标题

文字開始……。



作者: qianhong    时间: 2020-7-29 21:31

大标题

文字開始……。



作者: qianhong    时间: 2020-7-30 11:17

大标题

文字開始……。



作者: qianhong    时间: 2020-7-30 11:44

大标题

文字開始……。



作者: qianhong    时间: 2020-7-30 15:43



作者: qianhong    时间: 2020-7-31 12:15

大标题

文字開始……。



作者: qianhong    时间: 2020-7-31 16:40

大标题

文字開始……。



作者: qianhong    时间: 2020-7-31 22:29

大标题

文字開始……。



作者: qianhong    时间: 2020-8-1 08:50

yellow-leaf.png

大标题

文字開始……。



作者: qianhong    时间: 2020-8-1 16:03

四角花边红色边框


文字開始……。



作者: qianhong    时间: 2020-8-1 19:44

大标题


文字開始……。



作者: qianhong    时间: 2020-8-1 20:28

大标题


文字開始……。


注意：此框插图宽度不得大于500px

作者: qianhong    时间: 2020-8-2 23:09

《大标题》

文字开始……。

yellow div



作者: qianhong    时间: 2020-8-2 23:44

《大标题》

文字开始……。

yellow div







欢迎光临 倩虹園地 (http://qianhong.joinbbs.net/) Powered by Discuz! 7.2