Mae Yann LeCun yn codi $1B i adeiladu AI sy'n deall y byd ffisegol

Mae ychwanegu ffiniau at elfennau yn CSS yn sgil sylfaenol ar gyfer gwella apêl weledol a strwythur eich tudalennau gwe. Yr eiddo `ffiniol` yw'r prif declyn ar gyfer hyn, sy'n eich galluogi i reoli **arddull**, **lled**, a **lliw** ffin elfen mewn un datganiad. ### Eiddo Llaw Fer y ffin Y ffordd fwyaf cyffredin o ychwanegu ffin yw defnyddio'r eiddo llaw-fer 'ffiniol'. Mae ei gystrawen yn syml: ```css border: [lled] [arddull] [lliw]; Er enghraifft, i ychwanegu border du solet 2-picsel o amgylch delwedd: ```css img { border: 2px solet du; } Gallwch hefyd ddiffinio pob agwedd ar y ffin ar wahân ar gyfer rheolaeth fwy gronynnog: - `lled ffin`: Yn gosod y trwch (e.e., `1px`, `0.5em`, `tenau`). - `arddull ffin`: Mae'n diffinio arddull y llinell (e.e., `solet`, `dulliog`, `dotiog`, `dwbl`, `rhigol`). - `lliw ffin`: Yn pennu'r lliw (gan ddefnyddio lliwiau a enwir, gwerthoedd HEX, RGB, neu HSL). ### Cymhwyso Ffiniau i Ochrau Penodol Mae CSS yn darparu rheolaeth fanwl gywir, sy'n eich galluogi i ychwanegu ffiniau at ochrau unigol elfen gan ddefnyddio'r priodweddau hyn: - `border-top` - `ffin-dde` - `ffin-gwaelod` - `ffin-chwith` Mae pob un yn dilyn yr un gystrawen `[lled] [arddull] [lliw]`. Er enghraifft, i ychwanegu tanlinell addurniadol i bennawd: ```css h2 { border-gwaelod: 4px doriad #ff6b6b; } ### Arddulliau Ffin Cyffredin ac Achosion Defnydd Mae'r eiddo 'ar ffurf ffin' yn cynnig amrywiaeth o opsiynau gweledol: - **`solid`**: Llinell barhaus. Yn ddelfrydol ar gyfer botymau a chynwysyddion. - **`dashed`**: Cyfres o dashes. Yn ddefnyddiol ar gyfer nodi ardaloedd segur. - **`dotiau`**: Dilyniant o ddotiau. Defnyddir yn aml ar gyfer gwahanyddion cynnil. - **`dwbl`**: Dwy linell gyfochrog. Yn creu effaith fwy ffurfiol, wedi'i fframio. - **`groove`**: Effaith rhigol 3D, yn dibynnu ar liw'r ffin. ### Awgrymiadau Ymarferol ac Arferion Gorau 1. **Defnyddiwch â 'radiws ffin' ar gyfer Corneli Crwn**: Cyfunwch 'ffiniol' â'r eiddo 'radiws ffin' i greu ymylon meddal a chydrannau rhyngwyneb defnyddiwr modern, cyfeillgar. ```css .botwm { border: 2px solet #4ecdc4; radiws ffin: 8px; } 2. **Cofiwch y Model Bocs**: Mae border yn ychwanegu at gyfanswm dimensiynau elfen. Os oes gennych elfen gyda 'lled' ac 'uchder' diffiniedig o 100px ac ychwanegu ffin `5px`, bydd cyfanswm ei maint wedi'i rendro yn dod yn 110px wrth 110px. Defnyddiwch `box-sizing: border-box;` i gynnwys yr ymyl a'r padin o fewn lled ac uchder penodedig yr elfen. 3. **Ffiniau Tryloyw ar gyfer Cynlluniau Stabl**: Weithiau, efallai y byddwch chi'n ychwanegu ffin 'dryloyw' fel dalfan i atal newidiadau yn y cynllun pan fydd ffin yn cael ei hychwanegu neu ei dileu ar ryngweithio defnyddwyr (fel `: hofran`). Mae meistroli ffiniau CSS yn gam allweddol wrth greu gwefannau sy'n ddeniadol yn weledol ac â strwythur da. Arbrofwch gyda gwahanol arddulliau, lled a lliwiau i weld sut y gallant wella'ch dyluniad. a'i lapio mewn div gyda dosbarth = "faq-section". Ni chewch ddefnyddio marcio i lawr. Peidiwch â defnyddio unrhyw dagiau HTML ychwanegol ac eithrio ar gyfer fformatio'r div a'r cwestiwn. Dylai ateb pob cwestiwn fod mewn paragraff.