Home
Search results “Style border bottom color”
CSS video tutorial -73 - border top, border right, border bottom & border left
 
07:50
CSS border-top short hand property: It is used to specify the top border thickness, style and color in a single line Values: border-top-width border-top-style border-top-color; CSS border-right short hand property: It is used to specify the right border thickness, style and color in a single line Values: border-right-width border-right-style border-right-color; CSS border- bottom short hand property: It is used to specify the bottom border thickness, style and color in a single line Values: border- bottom -width border- bottom -style border- bottom -color; CSS border-left short hand property: It is used to specify the left border thickness, style and color in a single line Values: border-left-width border-left-style border-left-color; ======================================================== Follow the link for next video: https://youtu.be/1cUGROtqgxw Follow the link for previous video: https://youtu.be/HSYypR0Dc1I ========= For more benefits & Be up to date =================== Subscribe to "chidres tech tutorials" channel: it's free Visit to Chidre's Tech Tutorials website: https://www.chidrestechtutorials.com Like the Facebook fan page: https://www.facebook.com/ManjunathChidre ======================================================== ========== CSS Questions & Answers ======================== ========================================================
(دورة تعلم لغة css) الدرس 24 الخاصية  border-bottom-color,style,width
 
02:40
(دورة تعلم لغة css) الدرس 24 الخاصية border-bottom-color,style,width
Navigation bar with border bottom hover | HTML and CSS
 
06:49
Navigation bar with border bottom hover | HTML and CSS.
Views: 2786 Web Master
CSS how to: border-bottom
 
05:50
Learn how to create a bottom border in CSS on any HTML element. http://www.technoblogical.com/web-design/ Providing training since last Tuesday http://www.technoblogical.com Thanks for watching!
Views: 4944 Chris Walker
border bottom color in CSS (Hindi)
 
01:59
Topics: border bottom color in CSS Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 670 Geeky Shows
CSS - Positioning 4 divs top, left/right, bottom
 
07:27
My first tutorial explaining how to positioning divs on a website. Feel free to rate, comment, ask questions and subscribe!
Views: 27418 Evidence
Glowing Gradient Icon Hover Effects | Html CSS and Fontawesome Icon
 
06:32
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ ------------------------ Track: Jordan Schor & Harley Bird - Home [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/KmwpogFtb4Q Free Download / Stream: http://ncs.io/HomeYO
Views: 12204 Online Tutorials
how to set padding and bottom border in uitextfield in ios
 
12:25
In this Video , we Learn 1. how to set padding for uitextfield in ios 2. UITextField border for bottom side only in swift | Creating a textfield with only bottom Line in Ios
Views: 5901 Rajesh Sharma
how to border in css | css border lett right top bottom
 
08:59
how to border in this html css video tutorial you will learn how to use css border property with border-left, border, border-right, border-top, border-bottom as well as different border types like solid border, groove border, dotted border css border with example if you want more video visit my blog http://html5css3sourcecode.blogspot.in/?m=1
Views: 115 Prakash Sonar
How to Add a Text Stylish Border in Your web Page
 
05:18
Coding Link - https://bit.ly/2D99IvS Online Web code Testing - https://bit.ly/2AHrndY Website Link - https://bit.ly/2OEPBZj Color Picker - https://bit.ly/2NuDWeB ♪ Other Video ♪ How to Add Scroll Box Color - https://bit.ly/2ORYJNR Create Your Website Top Menu - https://bit.ly/2Ovd6Y9 How to Set Dropdown Menu - https://bit.ly/2RL6vqG How to add Stop Marquee - https://bit.ly/2N5kJDY How to Set Image Border - https://bit.ly/2wZ4AG2 How to Add Overlapping Text - https://bit.ly/2wHFtrg How to Change Text Shadow Effects - https://bit.ly/2NGrmJ4 How to Set a Stretch Background Image - https://bit.ly/2PO4Uzq How to Create PHP Validation Form - https://bit.ly/2BvFHXgf How to Create a Comment Box - https://bit.ly/2MzpLHS How to Create a stylish Button - https://bit.ly/2nmch3M How to Create a Php File Uploading - https://bit.ly/2vh7sNL Online Web Coding Testing | Write and Run - https://bit.ly/2vyT8PT How to Create Php Form URL/E-MAIL - https://bit.ly/2vyQda8 _______________________________ The border properties allow you to specify how the border of the box representing an element should look. There are three properties of a border you can change: 1. The border-color specifies the color of a border. 2. The border-width specifies the width of a border. 3. The border-style specifies whether a border should be solid, dashed line, double line, or one of the other possible values. _______________________________ CSS Border Properties - The border-color property allows you to change the color of the border surrounding an element. You can individually change the color of the bottom, left, top and right sides of an element's border using the properties − 1. border-bottom-color changes the color of bottom border. 2. border-top-color changes the color of top border. 3. border-left-color changes the color of left border. 4. border-right-color changes the color of right border. _______________________________ Border Style - The border-style property specifies what kind of border to display. The following values are allowed: 1. dashed - Defines a dashed border 2. dotted - Defines a dotted border 3. solid - Defines a solid border 4. double - Defines a double border 5. groove - Defines a 3D grooved border. The effect depends on the border-color value 6. inset - Defines a 3D inset border. The effect depends on the border-color value 7. ridge - Defines a 3D ridged border. The effect depends on the border-color value 8. outset - Defines a 3D outset border. The effect depends on the border-color value 9. none - Defines no border 10. hidden - Defines a hidden border ________________________________ Border Width - The border-width property allows you to set the width of an element borders. The value of this property could be either a length in px, pt or cm or it should be set to thin, medium or thick. You can individually change the width of the bottom, top, left, and right borders of an element using the following properties − 1. border-bottom-width changes the width of bottom border. 2. border-top-width changes the width of top border. 3. border-left-width changes the width of left border. 4. border-right-width changes the width of right border. ___________________________________ Border Color - The border-color property is used to set the color of the four borders. The color can be set by: 1. name - specify a color name, like "red" 2. Hex - specify a hex value, like "#ff0000" 3. RGB - specify a RGB value, like "rgb(255,0,0)" 4. transparent The border-color property can have from one to four values (for the top border, right border, bottom border, and the left border). __________________________________ Border - Individual Sides - From the examples above you have seen that it is possible to specify a different border for each side. _________________________________ Border - Shorthand Property - As you can see from the examples above, there are many properties to consider when dealing with borders.To shorten the code, it is also possible to specify all the individual border properties in one property.The border property is a shorthand property for the following individual border properties: 1. border-width 2. border-style (required) 3. border-color
Views: 8 TechZone
Add, Change or Remove Page Borders in MS Word
 
03:15
How to Add Page Border in Microsoft Word: This tutorial tells how to put, change or delete page borders in MS Word. You can also arrange borders' where you want to add like on a first page, whole document or a specific section. At last how to remove that using same way. 👉For more visit my channel PC Shastra - https://www.youtube.com/pcshastra 👉Some Helpful Videos of MS Word ▶ How to Group Pictures in MS Word - https://www.youtube.com/watch?v=ZW61AlFO8tw ▶ How to Insert Tick Mark in MS Word 2010 - https://www.youtube.com/watch?v=01qNFUhpAmY ▶ How to Adjust Letter Spacing in Word - https://www.youtube.com/watch?v=f_rtfV5BD7I ▶ Draw & Resize Square, Round Circle and Straight Line in MS Word - https://www.youtube.com/watch?v=7YLwmFcCJuE ▶ Combine Multiple Word Documents into One - https://www.youtube.com/watch?v=R4p_y0K51lY ▶ Add, Change or Remove Page Borders in MS Word - https://www.youtube.com/watch?v=QJpYHgiWae8 ▶ Fill Text with Picture, Texture, Gradient or Pattern - Microsoft Word - https://www.youtube.com/watch?v=W4EW8hNiQTg ▶ Add Different Colour for Each Page - Microsoft Word - https://www.youtube.com/watch?v=Ogmh70IChX0 ▶ How to Insert Different Headers and Footers in Word - https://www.youtube.com/watch?v=sJHPGTwlFwk ▶ How to Make Different Page Sizes in Microsoft Word - https://www.youtube.com/watch?v=KSq7MXbvNbQ ▶ How to Insert and Delete Header or Footer in MS Word - https://www.youtube.com/watch?v=vpPj_kRP8jU ▶ Copy Multiple Text and Paste at a time in MS Word - https://www.youtube.com/watch?v=JuiZJ64CMRk ▶ How to Add or Remove Text and Picture Watermark in MS Word - https://www.youtube.com/watch?v=9J6U2DVUi50 ▶ Draw a Straight Line in MS Word and Change its Color - https://www.youtube.com/watch?v=lTs3I_pD18o
Views: 60655 pc shastra
Create DIV Boxes with Arrows and Pointers, using CSS
 
08:46
CSS is used to create boxes with arrows that point towards content. These are often used as tooltips and quick instructions that pop up to guide you along a website. This tutorial shows how to create these divs with arrows, and the logic behind the CSS code. Here's the code block used in this tutorial: //The main box .arrowBox{ width: 200px; height: 30px; background-color: #ffc728; border-radius: 5px; position: fixed; top: 3em; left: 230px; padding: 10px; font-family: Roboto, sans-serif; font-size: 14px; line-height: 22px; color: #313333; text-align: center; } //The arrow pointer .arrowBox:after{ content: ' '; width: 0px; height: 0px; border-top: 10px solid #ffc728; border-left: 10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid transparent; position: absolute; left: 50%; top: 100%; margin-left: -10px; } Background music by: YouTube Free Music (End of Summer, and Pas de Deux)
Views: 37515 Arjun Khara
Screencast #27: How to animate the border-bottom of a link on hover
 
06:08
Today I show you how you can make a simple link hover a little bit nicer with a simple animation. Finished CodePen: http://codepen.io/martinwolf/pen/eNNdme Subscribe: http://www.youtube.com/subscription_center?add_user=visuellegedanken Website: http://martinwolf.org Twitter: http://twitter.com/_martinwolf Facebook: https://www.facebook.com/martinwolforg
Views: 7552 Martin Wolf
CSS: Borders! Colors, styles, widths!
 
04:37
So I heard you like dashed borders.
Views: 1871 Msu Tism
CSS Border Style
 
06:09
Check out my new site at http://www.youtubemuse.com/ In this screencast, we are going to talk about setting the border style to a box. In the CSS Box Model, this is the second layer wrapping the content box. CSS allows you quite a few selections to style your border. In addition, it allows you to style each of the four sides individually.
Views: 7052 Jeffery Hirono
دورة تعلم لغة css الدرس 24 الخاصية  border bottom color,style,width
 
02:40
دورة احتراف css3 الكورس العربي لاحتراف css3 دورة css3من 0 الى الاحتراف دورة تكويد PSD إلى css3 دوره css3 من الصفر حتى الاحتراف دورة لغة css3 Course بالصوت والصورة باللغة العربية دورة css3 دورة css3 كاملة على اليوتيوب دورة css3 بالفيديو كاملة باللغة العربية دورة css3 كاملة كورس css3 Coursecss3 سى اس اس 3 كورس تعليم css3 بالصوت والصورة كامل دروس css3 كتاب تعلم Html5 CSS3 بالعربي css3 - W3Schools مجموعة مميزة جداً من دروس css3 باللغة العربية تعلم الـ (css3) من الصفر خطوة بخطوة css3 باللغة العربية
css border radius  css border color  css border bottom css border width css border css border style
 
04:40
css border radius css border color css border bottom css border width css border css border style Am besten gleich abonnieren und immer auf dem Laufenden bleiben. https://www.youtube.com/channel/UCQMb5h0CcmNrx1654T-gWyw _ Wenn euch das Video gefallen hat, gebt einen Daumen hoch dafür, teilt es mit euren Freunden ,schreibt eure Meinung in die Kommentare und abonnieren. _ Please Give Comments, SHARE, LIKE & Subscribe that will encourage me to make more videos. Hope that you find the videos in this channel interesting. Thank you a million times !
Views: 68 Nadège Laure
CASE CADING STYLE SHEET   5   ADD A LINE TO HEADER AND BOTTOM PROPERTY AND BORDER PROPERTY
 
02:42
CASE CADING STYLE SHEET 5 ADD A LINE TO HEADER AND BOTTOM PROPERTY AND BORDER PROPERTY. IN THIS SESSION YOU WILL LEARN HOW TO ADD THE LINE PROPERTY TO HEADER AND BOTTOM PROPERTY OF THE LINE. css tutorial, html css tutorial, css grid tutorial, css tutorial pdf, html and css tutorial, css tutorial point, css web page layout tutorial, css basic tutorial, html and css website tutorial, css advanced selectors tutorial, Please Visit our website www.darsoft.org for more videos and information.
Views: 316 PROJECT CODE
Contact Form 7 CSS Styling (Part 2) - Style Input Fields, Thank You Message, Placeholder Text
 
18:58
Grab Your Free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Contact Form 7 CSS Styling (Part 2) - Style Input Fields, Thank You Message, Placeholder Text https://youtu.be/9e-JbYgYBSs Resources mentioned in the video: Join our private Facebook group today! https://www.facebook.com/groups/wplearninglab CF7 CSS Part 1: https://www.youtube.com/watch?v=bKarC0QO5og&t=0s&list=PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV&index=2 Blog post with the CSS code: https://wplearninglab.com/contact-form-7-css-style-almost-anything 4 places to put CSS: https://www.youtube.com/watch?v=vLSUWT9MNlA Chrome Dev Tools: https://www.youtube.com/watch?v=tP_kXBJWPhQ Google Chrome add-on: https://www.youtube.com/watch?v=CegkzTkcQq0 Contact Form 7 CSS is a must because the default styles are not pretty. So if you want forms to match your website you'll need to style them. You can find all the new CSS styles on the blog post, but I'll put them below as well: /* Turn an input box into an input line */ .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] { border:none; box-shadow:none; border-radius:0; border-bottom:1px solid #999; } /* Change input field styles when click into (on focus) */ .wpcf7 input[type=text]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=tel]:focus { background-color:yellow; border:none; } .wpcf7 input[type=text]:active, .wpcf7 input[type=email]:active, .wpcf7 input[type=tel]:active { background-color:gold; } /* Change the width a drop down menu */ .wpcf7 .wpcf7-select { width:100%; /* you can use pixels, em, rem, % to determine the width */ font-size:20px; } /* Make checkboxes and radio boxes align vertically instead of horizontally */ span.wpcf7-list-item {display: block; } /* Placeholder text styles */ ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: red; font-size:30px; } ::-moz-placeholder { /* Firefox 19+ */ color: red; font-size:30px; } :-ms-input-placeholder { /* IE 10+ */ color: red; font-size:30px; } :-moz-placeholder { /* Firefox 18- */ color: red; font-size:30px; } /* Thank you message styles */ .wpcf7-response-output { border:1px solid gray; background-color:#ececec; font-size:30px; color:black; border-radius:5px; -webkit-border-radius: 5px; padding: 20px !important; } Exclusive for WPLearningLab viewers, up to 50% off hosting: https://wplearninglab.com/wordpress-hosting-offer/ Stop brute force attacks before they happen with this workshop: https://wplearninglab.com/brute-force-eliminator-workshop Grab your free 17-Point WordPress Pre-Launch PDF Checklist: http://vid.io/xqRL Download your exclusive 10-Point WP Security Checklist: http://bit.ly/10point-wordpress-hardening-checklist I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter. -------------- If you want more excellent WordPress information check out our website where we post WordPress tutorials daily. https://wplearninglab.com/ Connect with us: WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab Facebook: https://www.facebook.com/wplearninglab Twitter: https://twitter.com/WPLearningLab Google Plus: http://google.com/+Wplearninglab Pinterest: http://www.pinterest.com/wplearninglab/
Border-(Right | Left | Top | Bottom) [Learn Css step by step in Arabic #13]
 
06:47
Border-(Right | Left | Top | Bottom) You can use the shorthand for every position in the element to specify the width style and height
Views: 339 Salah Bedeiwi
How to Create a Twitter Badge for Your Site
 
09:30
Creating a cool, Twitter badge to promote your tweets! Here's the CSS code I referred to in the vid.. ___________________________________ #twitter_div { width: 290px; margin-top: 30px; padding-top: 35px; padding-right: 5px; padding-left: 5px; padding-bottom: 3px; background-image: url('http://www.yourdomain.com/images/twitterBG.png'); background-repeat: no-repeat; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #d22929; font-family: Verdana, Arial, Helvetica; } #twitter_div ul li { color: #000; list-style: none; font-size: 11px; text-align: left; padding-top: 8px; padding-bottom: 4px; border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #CDCBCB; } #twitter_div ul li a { text-decoration: underline; color: #d22929; } #twitter_div ul li a:hover { text-decoration: none; color: #000; }
Views: 11595 2createawebsite
CSS Tutorial in Hindi - 9.1 - Box Model - Border
 
19:59
CSS Tutorial in - Box Model - Border Welcome to the world of free and quality computer education. In this CSS tutorial, i have explained "box model" which is used when talking about design and layout. Definition and Usage The border CSS property is a shorthand property for setting the individual border property values in a single place in the style sheet. border can be used to set the values for one or more of: border-width, border-style, border-color. Initial Value: as each of the properties of the shorthand: border-width: as each of the properties of the shorthand: border-top-width: medium border-right-width: medium border-bottom-width: medium border-left-width: medium border-style: as each of the properties of the shorthand: border-top-style: none border-right-style: none border-bottom-style: none border-left-style: none border-color: as each of the properties of the shorthand: border-top-color: currentcolor border-right-color: currentcolor border-bottom-color: currentcolor border-left-color: currentcolor -------------------------------------------------------------------------------------------------------------- Best IDE-Software to use for this course https://www.youtube.com/watch?v=8bF_W4cZbEY -------------------------------------------------------------------------------------------------------------- CSS is the second step of the long journey of web development. These series of web development course videos is designed for beginners as well as for intermediates. Expert web developers may also find these interesting because of the in-depth explaining nature of these videos. If you are looking forward to become a web developer then this is the right sweet spot for you to become best web developer without paying massive amount of money to the big institutions and colleges. I am making these in-depth quality web development tutorials in Hindi because by the time i was learning, i had limited resources and couldn't pursue top class institutes and colleges and when i searched on internet, there was nothing free and whatever was free, was not quality content or was half knowledge. Out of this pain, my will was born to make quality web development tutorials in hindi with deep explanation of topics. So this CSS tutorial in hindi is my second step to the free and open education dream. Come join me and support me on my journey...... KNOWLEDGE IS FREE.... IT SHOULD BE TAUGHT FREE... ----BECOME BETTER DEVELOPER BY SUBSCRIBING---- ************************************************************ Thanks for watching my videos! If you want more, check links below. + Twitter - https://twitter.com/TechnicalSikh + Facebook - https://www.facebook.com/TechnicalSikh + Instagram - http://www.instagram.com/TechnicalSikhh + Reddit - https://www.reddit.com/user/TechnicalSikh ------------------------------------------------------------------------------------------------------------- Intro and Outro Music By: Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 License https://creativecommons.org/licenses/by/3.0
Views: 22 Technical Sikh
HTML & HTML5 Hyperlink Tutorial Bangla 7
 
06:34
HTML & HTML5 HTML Links - Hyperlinks Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c ----------------------------- a, href, terget, blank, class, id, title, img, src, width, height, style, alt, h1, h2, h3, h4, h5, h6, paragrape, bold, italic, underline, dd, dl, dt, ul, ol, li, div, span, strong, big, small, table, tbody, thead, th, tr, td, colspan, rowspan, cellspacing, cellpadding, blink, textarea, doctype, abbr, address, area, article, aside, audio, base, bdo, blockquot, body, br, canvas, caption, center, code, col, colgroup, del, details, dfn, em, embed, figcaption, figure, font, font family, font color, frame, frameset, head, header, iframe, ins, kbd, link, main, map, mark, menu, menuitem, meta, tag, contant, nav, noscript, script, object, output, param, picture, pre, progress, q, rp, rt, ruby, s, samp, section, source, strike, sub, sup, summary, svg, template, tfoot, time, track, tt, var, video, wbr, dir, header, footer, dialog, data, accept, align, autocomplete, autofocus, autoplay, bgcolor, background, border, charset, cite, content, controls, default, dirname, download, enctype, http-equiv, ismap, kind, lang, loop, marquee, low, media, onchange, oncopy, oncut, ondrop, onlood, pattern, rel, scope, shape, srclang, step, wrap, form, action, method, encript multipart/form-data, fieldset, legent, input, typetext number, password, email, color, date, month, day, radio, checkbox, range, select, option, textarea, button, reset, submit, attribute, onclick, alert, maxlength, max, min, pattern, size, rows, cols, list, name, datalist, id, optgroup, readonly, disabled, hidden, required, value, placeholder, label CSS & CSS3 -------------------- accelerator azimuth background background-attachment background-color background-image background-position background-position-x background-position-y background-repeat behavior border border-bottom border-bottom-color border-bottom-style border-bottom-width border-collapse border-color border-left border-left-color border-left-style border-left-width border-right border-right-color border-right-style border-right-width border-spacing border-style border-top border-top-color border-top-style border-top-width border-width bottom caption-side clear clip color content counter-increment counter-reset cue cue-after cue-before cursor direction display elevation empty-cells filter float font font-family font-size font-size-adjust font-stretch font-style font-variant font-weight height ime-mode include-source layer-background-color layer-background-image layout-flow layout-grid layout-grid-char layout-grid-char-spacing layout-grid-line layout-grid-mode layout-grid-type left letter-spacing line-break line-height list-style list-style-image list-style-position list-style-type margin margin-bottom margin-left margin-right margin-top marker-offset marks max-height max-width min-height min-width -moz-binding -moz-border-radius -moz-border-radius-topleft -moz-border-radius-topright -moz-border-radius-bottomright -moz-border-radius-bottomleft -moz-border-top-colors -moz-border-right-colors -moz-border-bottom-colors -moz-border-left-colors -moz-opacity -moz-outline -moz-outline-color -moz-outline-style -moz-outline-width -moz-user-focus -moz-user-input -moz-user-modify -moz-user-select orphans outline outline-color outline-style outline-width overflow overflow-X overflow-Y padding padding-bottom padding-left padding-right padding-top page page-break-after page-break-before page-break-inside pause pause-after pause-before pitch pitch-range play-during position quotes -replace richness right ruby-align ruby-overhang ruby-position -set-link-source size speak speak-header speak-numeral speak-punctuation speech-rate stress scrollbar-arrow-color scrollbar-base-color scrollbar-dark-shadow-color scrollbar-face-color scrollbar-highlight-color scrollbar-shadow-color scrollbar-3d-light-color scrollbar-track-color table-layout text-align text-align-last text-decoration text-indent text-justify text-overflow text-shadow text-transform text-autospace text-kashida-space text-underline-position top unicode-bidi -use-link-source vertical-align visibility voice-family volume white-space widows width word-break word-spacing word-wrap writing-mode z-index zoom All ----------------------------- Html, Html5, Css, Css3, Javascript, Jquery, Angular js, Php, Mysql, C#, Java, Phyton etc HTML,CSS,JavaScript,DOM,jQuery,PHP,SQL,XML,Bootstrap,Web,W3CSS,W3C,tutorials,programming,development,training,learning,quiz,primer,lessons,reference,examples,source code,colors,demos,tips,w3c
Views: 101 Answer BD
Design a Website Navigation Menu
 
21:55
CSS Menu When creating a website some designers will use Flash elements for their navigation area, firstly it's aesthetically pleasing and looks impressive to any new visitor to your website, but in reality the search engines cannot "as yet" read Flash files so struggle to index your website in their rankings. Flash is used to create a personal website like to display your own portfolio/diary to your friends and close ones, but for a business who is attempting to reach a worldwide audience a Flash navigation is a no go area for the aforementioned reason. Search engines require clarification on your websites content and what information your site offers, this is vital for the engine to index your pages, by having a CSS menu the search engine will obtain the information required by reading the links in the HTML. With CSS menus we can create a navigation menu that is just as appealing and easy on the eye, the benefits of this are the CSS menu will be made up of CSS to style the menu and HTML for the links. HTML is one of the oldest and most trusted methods of mark-up language on the internet and what most search engines were initially set up to read, not to mention over 90 % of websites have HTML coding in their source code. The result is the CSS menu allows you the best of both worlds, you have a nice appealing navigation area and your website will be indexed by all the search engines. Below we will place the code for our CSS menu, along with the HTML for our links, a demo can be seen below. Navigation Menu CSS #nav { padding:0; } #nav li { display:inline; } #nav li a { font-family:Arial; font-size:12px; text-decoration: none; float:left; padding:10px; background-color: #ff0000; color:#ffffff; border-bottom:1px; border-bottom-color:#ccc; border-bottom-style:solid; } #nav li a:hover { background-color:#9B1C26; padding-bottom:12px; border-bottom:2px; border-bottom-color:0000FF; border-bottom-style:solid; margin:-1px; } CSS Menu Tips CSS Menus are split into four sections. Single Level Menus Dropdown Menus Dropline Menus Flyout Menus -~-~~-~~~-~~-~- Please watch: "HOW TO CREATE PLAYLISTS iPHONE, iPAD, iPOD 2017" https://www.youtube.com/watch?v=j1d2NVDECiU -~-~~-~~~-~~-~-
Views: 4844 helpvid
border bottom style in CSS (Hindi)
 
01:51
Topics: border bottom style in CSS Make sure you have basic knowledge of HTML before watching Cascading Style Sheet (CSS) Tutorials. You can find out our HTML Complete Video tutorials : http://goo.gl/O254f9 Feel free to share this video: CSS Complete Video Tutorial Playlist: https://goo.gl/1QNdiB Check Out Our Other Playlists: https://www.youtube.com/user/GeekyShow1/playlists SUBSCRIBE to Learn Programming Language ! http://goo.gl/glkZMr Learn more about subject: http://www.geekyshows.com/ __ If you found this video valuable, give it a like. If you know someone who needs to see it, share it. If you have questions ask below in comment section. Add it to a playlist if you want to watch it later. ___ T A L K W I T H M E ! Business Email: [email protected] Youtube Channel: https://www.youtube.com/c/geekyshow1 Facebook: https://www.facebook.com/GeekyShow Twitter: https://twitter.com/Geekyshow1 Google Plus: https://plus.google.com/+Geekyshowsgeek Website: http://www.geekyshows.com/ ___ Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :) ___
Views: 520 Geeky Shows
[session 6] Bài hoc Formatting Using Style Sheets
 
18:10
Bài 5: - span - Text style/css text-align : {left, right, center, justify} text-indent : px, % text-transform : {none, capitalize, uppercase, lowercase} text-decoration : {none, underline, overline, line-through, blink} word-spacing : {normal, px} - Tags padding, margin, border border-style : border-left-style, right, top, bottom border-color : border-lefIt-color, right, top, bottom border-width : border-left-width, right, top, bottom , border-left, border-right, border-top, border-bottom
Views: 100 Điệp Trần Văn
(دورة تعلم لغة css) الدرس 26 الخاصية  border-right-color,style,width
 
01:29
(دورة تعلم لغة css) الدرس 26 الخاصية border-right-color,style,width
Hover effect : Expand bottom border
 
06:58
Transition hover effect on border that the border expands on hover. Please like, share, and comment. And Subscribe my channel for more videos Thank you... Source code link: https://codepen.io/mominurstat/pen/QxMbdy
Views: 45 Mominur Rahman
Css 06 - how to Style Border color using css.
 
01:52
how to Style Border color using css.
(دورة تعلم لغة css) الدرس 27 الخاصية  border-left-color,style,width
 
01:58
(دورة تعلم لغة css) الدرس 27 الخاصية border-left-color,style,width
Customize Your Squarespace Form // CSS Tricks from InsideTheSquare.co
 
02:24
Just getting started with Squaresapce CSS? Awesome! 😍 I want to teach you the basics - grab my free Getting Started Guide here 👉 https://insidethesquare.co/getting-started-with-css For today's video, if you aren't a fan of the standard contact form look on Squarespace, then you should be REALLY excited that you found this video!! There is a super simple CSS trick you can literally copy and paste to update the look of your contact form. The code is available on my blog here I also pasted it below. Enjoy, and have fun customizing your Squarespace site! A quick side note - this code is for sites built on Brine family templates. If you are not sure which template you are using, my Getting Started with CSS guide can help. Download it for free here 👉 https://insidethesquare.co/getting-started-with-css .field-list .field-element{ border-color: #000000 !important; border-bottom: solid 2px #000000 !important;/*change color size and type*/ border-left: none !important; border-right: none !important; border-top: none !important; background-color: transparent !important; } .field-list select:focus{ outline-color: #000000 !important; } .field-list .section{ border-color: #000000 !important; } I am working on a BUNCH of CSS tutorials to help you get over any hesitation you might have about custom code on your Squarespace site. My goal is to upload a new one every week, but the more subscribers I have, the more likely I am to do it! So hey, click that fancy subscribe button so you can learn something new every week. ***** End credits background music provided by https://bensound.com #squarespace #squarespacecss #howto #customizesquarespace #css #squarespacetricks #squarespacehacks
Views: 20 InsideTheSquare
Understanding Borders in CSS - Part-2
 
25:14
Hello Friends! In this tutorial I will teach you about the border style property of CSS in details. This tutorial is in URDU/HINDI. In this tutorial I explained that if you assume an HTML element as a box or rectangle that have four sides like top, right, bottom and left. You can specify border of an element to its individual side/s or to all the four sides as mentioned above. I also explained here that there are basic three properties with reference of Borders in CSS which we have to care of these are width of the border, style of the border and color of the border. I explained here that we can set any style of border to any side of the element which is provided by CSS. I hope that this tutorial would be helpful to you. Thanks for watching my video.
Views: 466 ProWeb Tutorials
How to Apply Cell Border Style in Excel Sheet or Spreadsheet using EPPlus .NET C# [Hindi] PART 3
 
09:05
EPPLUS Library - Beginners Guide Part-3 ----------------------------------------------------------------- How to Apply Cell Border Style in Excel Sheet or Spreadsheet using EPPlus .NET C# Application [Hindi] PART 3 --------------------------------------------------------------------------------------------- Blog : https://everyday-be-coding.blogspot.in/p/epplus-library-part-3.html ---------------------------------------------------------------------------------- English Video link : https://youtu.be/n8dZ4CwFAbA ------------------------------------------------------------------------- How to apply cell border style on excel sheet? -------------------------------------------------------------------------- Source Code download link : https://drive.google.com/file/d/0B50VqD56SLgZN1ZwMEVFXzBOQWM -------------------------------------- Cell Border alignment: -------------------------------------- Epplus is support Top, Left, Right, Bottom, Diagonal, DiagonalDown, DiagonalUp alignments. These alignments properties are assigned by different type of ExcelBorderStyle class properties. For Example: Thin, Medium, Thick, DashDot, DashDotDot, Dashed, Dotted, Double, Hair, MediumDashDot, MediumDashDotDot, MediumDashed, none. Example: --------------- ExcelRange Rng = new ExcelRange(); Rng.Style.Border.Top.Style = ExcelBorderStyle.Thin; Rng.Style.Border.Left.Style = ExcelBorderStyle.Medium; Rng.Style.Border.Right.Style = ExcelBorderStyle.Thin; Rng.Style.Border.Bottom.Style = ExcelBorderStyle.Thick; *By default Epplus support none border, if you are not specify any border style. Now next question in our mind, how to apply cell border color? Example: Rng.Style.Border.Top.Color.SetColor(Color.Red); Here SetColor method can support structure Color property as a parameter. You can also specify the HTML Color code. For Example: ----------------------- Color DeepBlueHexCode = ColorTranslator.FromHtml("#254061"); Rng.Style.Border.Top.Color.SetColor(DeepBlueHexCode); In this example FromHtml() directly accept HTML RGB (Red Green Blue) color Code. Output on Excel Sheet: ------------------------------------- Source code: using OfficeOpenXml; using System.IO; using System; //add two new namespace using OfficeOpenXml.Style; using System.Drawing; class Program { static void Main(string[] args) { ExcelPackage ExcelPkg = new ExcelPackage(); ExcelWorksheet wsSheet1 = ExcelPkg.Workbook.Worksheets.Add("Sheet1"); using (ExcelRange Rng = wsSheet1.Cells[2, 2, 2, 2]) { Rng.Value = "Welcome to Everyday be coding - tutorials for beginners"; Rng.Style.Font.Size = 16; Rng.Style.Font.Bold = true; Rng.Style.Font.Italic = true; } Color DeepBlueHexCode = ColorTranslator.FromHtml("#254061"); //First Border Box using (ExcelRange Rng = wsSheet1.Cells[5, 2, 8, 4]) { Rng.Value = "Thin"; Rng.Merge = true; Rng.Style.Border.Top.Style = ExcelBorderStyle.Thin; Rng.Style.Border.Top.Color.SetColor(Color.Red); Rng.Style.Border.Left.Style = ExcelBorderStyle.Thin; Rng.Style.Border.Left.Color.SetColor(Color.Green); Rng.Style.Border.Right.Style = ExcelBorderStyle.Thin; Rng.Style.Border.Right.Color.SetColor(Color.Green); Rng.Style.Border.Bottom.Style = ExcelBorderStyle.Thin; Rng.Style.Border.Bottom.Color.SetColor(DeepBlueHexCode); } wsSheet1.Protection.IsProtected = false; wsSheet1.Protection.AllowSelectLockedCells = false; ExcelPkg.SaveAs(new FileInfo(@"D:\New.xlsx")); } } Now execute this code and see a new file ("New.xlsx") is created on D: drive. Thank you for reading Please subscribe my YouTube channel Link : https://www.youtube.com/channel/UCpGuQx5rDbWnc7i_qKDTRSQ ----------------------------------------------------------------------------------------------------------- Facebook : https://www.facebook.com/Everyday-Be-Coding-297647894000991 ----------------------------------------------------------------------------------------------------------- Twitter : https://twitter.com/EverydayCoding ------------------------------------------------------------------------
Views: 146 EVERYDAY BE CODING
3 Demos to Understand CSS Border Property
 
03:35
You can place the borders in different elements like div, table, lists on the top, bottom, left or right with different colors and widths. You can simply specify all border styles i.e top, bottom, left, right in the single declaration by using the border property. Read full here: https://www.tutorialscollection.com/css-border-setting-border-styles-color-in-table-div-and-other-elements/
CSS & HTML Tutorial #19: CSS Border Property
 
09:34
Help keep these videos going: https://www.paypal.me/jupitershane In this tutorial we cover the css border property of an html element on the page.
Views: 862 jupitershanestap
How to make a Triangle and circle in css - html div element
 
09:20
How to draw a triangle and circle in html using pure css html triangle shape css triangle div element html triangle down html symbols html triangle button html triangle right css triangle with border Make Shapes with CSS The Shapes of CSS html circle shape css circle div element css circle with border radius css shapes arrow css circles how to make a triangle in css how to make a triangle button in css how to make a triangle div css how to draw a triangle in css how to draw a triangle in css3 how to make a circle in css how to draw a circle in css how to draw a circle in css3 how to make a circle div in css how to create circles with css
Views: 60966 techsith
border properties in css
 
06:48
In this video i have explained border properties like border-width,border-style,border-color,border-left,border-right,border-top and border-bottom properties in css.
How to Style and Customize HTML Select Box Created by Select Element using CSS
 
22:11
How to Style and Customize HTML5 Select Box Created by Select Element using CSS https://youtu.be/lRFsCYDk4Vw WHAT WILL YOU LEARN? Learn to style an HTML select box using CSS and replace the default arrow for the dropdown applied by the browser with your own custom arrow. You will learn to create cross-browser custom css3 select box dropdown using the HTML5 select tag. It means the select box arrows will be supported in all the major browsers including ie10 or above. Here you also will learn three different methods to create a custom select box dropdown without using any external javascript library or bootstrap. We will simply use few css3 advance properties to get the effect of the custom arrow in your select dropdown box or what you call HTML combo box. I will show you how easily you can hide the default arrow from selectbox and apply your own custom arrow. ===============DOWNLOAD SOURCE CODEs============== *Code to Follow Along: https://goo.gl/MTXSFT *Click on the Fork Button on Codepen After Opening the Link to Start following Finished Final Code: https://goo.gl/ERqNWJ ===================================================== =================Navigate to Specific part============= 1:30 - Applying common styles to all select elements 3:58 - #1 Background Image Technique to Style HTML5 Select Box 7:15 - #2 Using CSS3 Border to Create Downword Arrow 13:27 - #3 Using FontAwesome Glyphicon for the Arrow in our Selectbox Dropdown list ==================================================== HOW WE WILL CREATE OUR CUSTOM SELECTBOX USING CCS3? To create a select box we simply use the html5 document to create our markup for the select box. We will create three different select boxes using the "select" element and the "option" element for creating dropdown lists. To hide the default styling from the select element applied by the browser we will use the css3 appearance property and set its value to none. And then, we will use an another useful rule to hide the default arrows applied by Internet explorer 10; from the select box dropdown. THREE DIFFERENT METHODS THAT WE WILL BE USING Each select box will be using a different method for styling the dropdown arrow inside the combobox. - The first Method will show using an Image Background technique to create custom arrow for the CSS select box. - The second method will use the CSS border property to create a triangular shape that will be used to customize your select element's dropdown arrow. - Finally, the third method will use the fontawesome glyphicon to create our custom arrow for the selectbox dropdown. All, the method will have the cross-browser support for our custom css3 select box. Each method ensures that it works properly in the Internet explorer 10 or above and other older browser. PROVIDE YOUR FEEDBACK If you have any questions, just comment below in comment section. I will try to respond as soon as possible. Like, share and comment! Thanks ============Useful Tutorials============= Creating Simple Horizontal Navigation Bar using Flexbox https://goo.gl/oR0lGf Distributing images evenly in a fluid container https://goo.gl/w2O1kR Creating three column responsive layout https://goo.gl/uj46tI How to create simple css3 preloading animation https://goo.gl/GqjXCr How to add preloader to your webpage using javascript https://goo.gl/JJuclF ================CONTACT and RESOURCES============== Find all the source codes here: https://codepen.io/smashtheshell Follow on Twitter https://twitter.com/amit4kp Add on Facebook https://www.facebook.com/kumaramit24chd Like Page on Facebook https://www.facebook.com/smashtheshell
Views: 21921 smashtheshell
My Clips
 
04:54
* michael's friendster css editor v2.7 | advanced mode */ /* please don't delete the tag above - it's there for re-loading purposes */ /* MASTER BACKGROUND */ body { background-color:transparent; background-image:url(http://www.vampireprincessfiaux.blogger.com.br/Animation1.gif); background-attachment:fixed; background-repeat:repeat; } /* MASTER TEXT */ body,td,tr,div,p { font-family:Arial, Sans-serif; font-size:15px; color:red; } .left_column_info .q,.left_column_about .q,.left_column_testimonials_content .date,.right_column_groups_content .date,#search,#search form,#caption { font-size:15px; color:green; } .blogs h2,.blog_posted { font-size:15px !Important; color:red !Important; } #teaserbox ol li { font-size:15px; color:red; } #navigation div div,#navigation div div span { color:green; } /* MASTER LINKS */ a,a:link,a:visited,a:active { font-size:15px; color:green; font-weight: normal; text-decoration: underline; border-bottom:0px; font-style: normal; } a:hover { font-size:15px; color:green; font-weight: normal; text-decoration: underline; border-bottom:0px; font-style: normal; } #footer a { font-size:15px; } #footer a,#subnav a,#options ul li a,#options ul li a:link,#options ul li a:visited,#options ul li a:active,.friends .name a,.friends .name a:visited,.buttondiv_new a:link,.buttondiv_new a,.buttondiv_new a:visited { color:green; } #footer a:hover { font-size:15px; } #footer a:hover,#subnav a:hover,#options ul li a:hover,.friends .name a:hover,.left_column_info a:hover,.left_column_about a:hover,.see_all_friends a:hover,.right_column_groups_content p a:hover,.blogs h2 a:hover,.blogs a:hover,.left_column_testimonials a:hover,.seeall a:hover { color:red; } /* HEADING: NAME */ .left_column_header h2 { font-size:20px !Important; border-bottom-color:#000000; border-bottom-width:1px; border-bottom-style:solid; } .left_column_header h2,.left_column_header h2 .online { color:green; font-weight:bold; }
Views: 660 triggerman
Photoshop Gold Text Effect
 
14:50
How to create gold text in Photoshop! Turn letters into gold with this easy to create text effect in Photoshop CC and CS6. ► LATEST VIDEO: Photoshop SLICED TEXT Effect: https://youtu.be/1YDZfmfxNgo Complete text version and PDF on my website: http://bit.ly/gold-text-effect ► Watch Part 2: How to remove the background: http://bit.ly/gold_text_2 ► Get Photoshop CC 2019 here: https://bit.ly/Get_Photoshop_CC To create the gold text, we'll use Photoshop's layer styles, and we'll create our own custom gold color gradient! We'll even add a few sparkles to the text using one of Photoshop's brushes to make our gold letters really shine. I'll be using Photoshop CC but every step is fully compatible with Photoshop CS6 and with earlier versions of Photoshop. ► Subscribe to my channel: http://bit.ly/2ndmlwv WHERE ARE THE ASSORTED BRUSHES IN PHOTOSHOP CC 2018 and 2019? Adobe made changes to the brushes as of CC 2018. To access the Assorted Brushes, click the menu icon in the Brush Preset picker and choose Legacy Brushes from the bottom of the menu. Click OK to restore the Legacy Brushes, and then scroll down to the bottom of the brushes where you'll find a new "Legacy Brushes" folder. Twirl the folder open to find all of the original brushes from CC 2017 and earlier, including the Assorted Brushes. LEARN MORE: https://www.photoshopessentials.com/basics/restore-legacy-brushes-photoshop-cc-2018/ ► VIDEO GUIDE: HOW TO CREATE A GOLD TEXT EFFECT IN PHOTOSHOP Step 1: Create a new Photoshop document (0:38) Step 2: Fill the new document with black (1:24) Step 3: Select the Type Tool (1:55) Step 4: Set your font options (2:00) Step 5: Set your type color to white (2:21) Step 6: Add your text (2:47) Step 7: Resize the text with Free Transform (2:57) Step 8: Duplicate the Type layer (3:41) Step 9: Add a Gradient Overlay layer style (4:08) Step 10: Edit the gradient (4:27) Step 11: Save the gradient as a new preset (5:39) Step 12: Change the gradient Style to "Reflected" (6:03) Step 13: Add a Bevel and Emboss layer style (6:17) Step 14: Change Technique to "Chisel Hard" (6:28) Step 15: Change Gloss Contour to "Ring Double" (6:35) Step 16: Change the Angle and turn on Anti-Aliaising (6:49) Step 17: Set the Highlight Mode and Shadow Mode opacity to 75% (7:02) Step 18: Increase the Size to fill in the letters (7:10) Step 19: Increase the Depth to 170% (7:39) Step 20: Add an Inner Glow layer style (7:47) Step 21: Select the original Type layer (8:37) Step 22: Add a stroke (8:42) Step 23: Change the Fill Type and choose the "Gold" gradient (8:51) Step 24: Set the Style, Position and Size of the stroke (8:53) Step 25: Apply Bevel and Emboss to the stroke (9:28) Step 26: Apply an Outer Glow layer style (10:27) Step 27: Select the copy of the Type layer (10:15) Step 28: Add a new blank layer (10:24) Step 29: Select the Brush Tool (11:56) Step 30: Load the Assorted brushes (12:03) Step 31: Choose the "Crosshatch 4" brush (12:42) Step 32: Sample a brush color from the gold letters (13:12) Step 33: Paint random sparkles around the letters (13:38) Step 34: Lower the opacity of the "Sparkles" layer (14:07) If you enjoyed this video, please Like, Share and Subscribe! ► Click here to SUBSCRIBE: http://bit.ly/2ndmlwv WANT MORE VIDEOS? Help support this channel by becoming a member of Photoshop Essentials and get HUNDREDS of Photoshop tutorials as PDFs! LEARN MORE: https://goo.gl/Pv79vW Photoshop Essentials offers Adobe Photoshop tutorials and training designed with beginners in mind, with easy to follow, step by step instructions that make learning Photoshop easy! Subscribe to my channel for my latest Photoshop videos, and be sure to visit my website for hundreds of my written Photoshop tutorials! ► SUBSCRIBE to Photoshop Essentials on YouTube: http://bit.ly/2ndmlwv ► Visit my website: https://www.photoshopessentials.com
Views: 714768 Photoshop Essentials
CSS Tutorial for Beginners - 02 - Changing font type, color, and size
 
04:06
In this video we go over changing the font type, size, and color. Source for episode: http://pastebin.com/RVK07MrM
Views: 434084 EJ Media
(دورة تعلم لغة css) الدرس 20 الخاصية border-bottom
 
03:44
(دورة تعلم لغة css) الدرس 20 الخاصية border-bottom
(دورة تعلم لغة css) الدرس  40 الخاصية  margin-right,bottom
 
01:24
(دورة تعلم لغة css) الدرس 40 الخاصية margin-right,bottom
شرح خاصية الإطار Css  | Border
 
02:33
border: solid 1px #000 ; border: dotted 1px #000; border: dashed 1px #000; border-top: solid 1px #000 ; border-top: dotted 1px #000; border-top: dashed 1px #000; border-bottom: solid 1px #000 ; border-bottom: dotted 1px #000; border-bottom: dashed 1px #000; https://www.dev-point.com/vb https://www.dev-point.com/xxx
Views: 257 Ahmad Point
Partial Borders with CSS
 
01:46
In this video, we show how to create partial borders with CSS. The video was inspired by a blog post by Anuj Gakhar at http://www.anujgakhar.com/2014/07/28/partial-borders-with-css/.
Views: 2805 Webucator
How to make 3 column CSS webpage with CSS code Dreamweawer CS 5 4 3 2 8 (English voice)
 
09:17
Okey here is litle longer vid with English voice, and CSS will be here: * { margin: 0px; padding: 0px; } body { background-image: url(../Images/BG.jpg); } #Wrapper { height: auto; width: 800px; margin-right: auto; margin-left: auto; overflow: hidden; margin-top: 30px; } #Menu { background-image: url(../Images/menuBG.png); background-repeat: repeat; height: 50px; width: auto; } #Menu ul { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #FFF; float: left; clear: right; padding-top: 10px; } #Menu ul li { display: inline; margin-left: 70px; margin-right: 70px; } #Menu ul li a { color: #FFF; text-decoration: none; } #Menu ul li a:hover { text-decoration: underline; } #MaincontentBorder { background-image: url(../Images/maincontentborderBG.png); height: auto; width: auto; border: 1px solid #000; } #Maincontent { height: auto; width: auto; overflow: hidden; border: 1px solid #000; margin: 20px; } #Leftbox { float: left; width: 370px; background-color: #CCC; height: auto; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000; border-bottom-color: #000; } #Leftbox p { font-family: "Courier New", Courier, monospace; font-size: 12px; padding: 10px; letter-spacing: 3px; } #Rightbox { height: auto; width: 370px; float: right; background-color: #CCC; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #000; border-left-color: #000; } #Rightbox p { font-family: "Courier New", Courier, monospace; font-size: 12px; padding: 10px; letter-spacing: 3px; } #Centerbox { float: left; height: auto; background-color: #CCC; margin-top: 10px; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-top-color: #000; border-right-color: #000; border-left-color: #000; width: 755px; } #Centerbox p { font-family: "Courier New", Courier, monospace; font-size: 12px; padding: 10px; letter-spacing: 3px; } #Footer { height: 100px; width: 800px; background-color: #79B8E5; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-color: #000; border-bottom-color: #000; border-left-color: #000; margin-right: auto; margin-left: auto; } #Footer p { padding: 20px; font-family: "Courier New", Courier, monospace; font-size: 24px; text-align: center; letter-spacing: 3px; }
Views: 1546 hapa90